{"id":3048,"date":"2023-11-30T12:14:09","date_gmt":"2023-11-30T11:14:09","guid":{"rendered":"https:\/\/informatik.htwk-leipzig.de\/seminar\/?p=3048"},"modified":"2024-03-19T17:42:20","modified_gmt":"2024-03-19T16:42:20","slug":"figjam","status":"publish","type":"post","link":"https:\/\/informatik.htwk-leipzig.de\/seminar\/lehrveranstaltungen\/betriebliche-informationssysteme\/2023\/figjam\/","title":{"rendered":"FigJam"},"content":{"rendered":"<h1>Inhalt<\/h1>\n<ol>\n<li><a href=\"#einfuehrung\">Einf\u00fchrung<\/a><\/li>\n<li><a href=\"#funktionsumfang\">Funktionsumfang<\/a><\/li>\n<li><a href=\"#werkzeuge\">Werkzeuge<\/a><\/li>\n<li><a href=\"#bpmn\">Prozess-Darstellung (BPMN)<\/a><\/li>\n<li><a href=\"#alternativen\">Alternativen<\/a><\/li>\n<li><a href=\"#zukunft\">Zuk\u00fcnftige Entwicklung<\/a><\/li>\n<li><a href=\"#evaluation\">Evaluation<\/a><\/li>\n<li><a href=\"#quellen\">Quellen<\/a><\/li>\n<\/ol>\n<h1><\/h1>\n<h1 id=\"einfuehrung\">1. Einf\u00fchrung<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3190\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/800px-Figma-logo.svg_.png\" alt=\"Figma Logo\" width=\"100\" height=\"150\" \/><\/p>\n<h2>a) Grundlegende Informationen<\/h2>\n<p><span style=\"font-weight: 400\">Figma ist ein webbasiertes Design- und Kollaborationstool, das vor allem f\u00fcr das Erstellen von Benutzeroberfl\u00e4chen und User Experience Designs verwendet wird.<\/span><\/p>\n<p><span style=\"font-weight: 400\">2021 wurde \u201cFigJam\u201d von Figma erstmals vorgestellt. Es erweitert Figma in seiner Funktionalit\u00e4t in dem Sinne, dass sich nun noch mehr auf den Aspekt der Kollaboration fokussiert. Im Vergleich zu FigJam handelt es sich bei Figma n\u00e4mlich um eine Software, mit der sich das Designen und Prototyping einfacher realisieren l\u00e4sst. Mit FigJam hingegen sollen laut der eigenen Webseite von Figma \u201cProbleme gemeinsam gel\u00f6st werden\u201d [1]. Es geht grundlegend um das Ideenmanagement auf einem Online-Whiteboard.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Bei dem Tool handelt es sich um ein kollaboratives Online-Whiteboard-Tool. Es bietet eine Plattform f\u00fcr Teams, gemeinsam zu brainstormen, Ideen auszutauschen und eine visuelle Zusammenarbeit umzusetzen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">FigJam-Dateien sind demnach ein spezieller Dateityp in Figma.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Die Benutzeroberfl\u00e4che des Tools ist darauf ausgelegt, einfach zu bedienen und zug\u00e4nglich zu sein, damit Benutzer:innen schnell mit dem Erstellen und Teilen von Inhalten beginnen k\u00f6nnen, ohne viel vorbereiten zu m\u00fcssen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Das Tools ist im Kern kostenlos. Es gibt jedoch Abonnement-Modelle, die wiederum dementsprechend mehr M\u00f6glichkeiten bieten [2]:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Starter: dauerhaft kostenlos\u00a0<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">3 Figma- und 3 FigJam-Dateien<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">unbegrenzte pers\u00f6nliche Dateien<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">unbegrenzte Mitarbeiter:innen<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Plug-ins und Vorlagen<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">mobile App<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Musikabspielger\u00e4t<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">fertige Vorlagen<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">FigJam Professional: 3\u20ac pro Bearbeiter:in\/Monat<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">unbegrenzte FigJam-Dateien<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">offene Sessions<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Freigabeberechtigung<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Teambibliotheken<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Audio-Chat<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">W\u00e4hlen<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">FigJam Organization: 5\u20ac pro Bearbeiter:in\/Monat (j\u00e4hrliche Zahlung)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">alles von Professional plus:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Unternehmensweite Bibliotheken<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">zentralisierte Inhaltsverwaltung<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">benutzerdefinierte Vorlagen<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">benutzerdefinierte Farbpaletten<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">vereinheitlichte Verwaltung und Abrechnung<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">private Plug-ins und Widgets<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">single Sign-on<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Enterprise: 5\u20ac pro Bearbeiter:in\/Monat (j\u00e4hrliche Zahlung)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">alles von Figma Organization plus:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">spezielle Arbeitsbereiche<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">erweiterte Designsysteme<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Gastzugriff beschr\u00e4nken<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Rollenzuweisung mit SCIM<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Sitzungs-Timeout bei Inaktivit\u00e4t<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">erzwungene Passwort-Links<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Netzwerkzugriffsbeschr\u00e4nkungen<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Onboarding- und Kontosupport<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Es gibt eine freie Version \u201cFigma for Education\u201d, bei der man nach Erstellung eines Figma Accounts lediglich eine Angabe bez\u00fcglich der Bildungseinrichtung, in der man lernt oder lehrt, und dem Feld, in dem man studiert, machen muss und anschlie\u00dfend freien Zugang zu vielen sonst kostenpflichtigen Features hat.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Figma und demnach FigJam sind nicht Open Source. Es handelt sich also um propriet\u00e4re Softwareprodukte. Die Software ist nicht kostenlos modifizierbar und vervielf\u00e4ltigbar.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Es ist ebenfalls kein Self-Hosting m\u00f6glich.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>b) Zweck<\/h2>\n<p><span style=\"font-weight: 400\">Wie oben beschrieben ist FigJam darauf ausgerichtet, die Zusammenarbeit in Echtzeit zu erleichtern, insbesondere f\u00fcr Teams, die im Bereich Design, UX und Kreativit\u00e4t arbeiten [3]. Es steht aber jedem offen, wie man das Tool einsetzt.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Allgemein fallen unter die Aufgabenbereiche das Brainstorming, Flussdiagramme zeichnen, Meetings und Workshops realisieren, agile Workflows gestalten und die Strategie und Planung bestimmter Projekte umsetzen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Figma Inc. beschreibt es selbst: \u201cVom Brainstorming bis zur Entwicklung und alles dazwischen &#8211; FigJam unterst\u00fctzt Teams bei der Echtzeit-Zusammenarbeit\u201d [4].<\/span><\/p>\n<p><span style=\"font-weight: 400\">Weitere Beispiele f\u00fcr das Verwenden von FigJam:<\/span><\/p>\n<p><span style=\"font-weight: 400\">Retrospektiven &#8211; Teams k\u00f6nnen FigJam nutzen, um retrospektive Meetings abzuhalten, ihre Arbeit zu reflektieren und Verbesserungsm\u00f6glichkeiten zu identifizieren. (siehe Prozessmodellierung\/BPMN in Kapitel 4)<\/span><\/p>\n<p><span style=\"font-weight: 400\">Projektmanagement &#8211; FigJam kann f\u00fcr die Erstellung von Diagrammen, Flussdiagrammen oder Mindmaps verwendet werden, um Prozesse zu planen und zu dokumentieren. Das kann die Kommunikation und das Verst\u00e4ndnis innerhalb des Teams verbessern.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Workshops und Schulungen &#8211; F\u00fcr virtuelle Workshops oder Schulungen k\u00f6nnen Teams FigJam nutzen, um gemeinsam Konzepte zu entwickeln, Diagramme zu erstellen und Ideen zu visualisieren.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>c) Figma Community<\/h2>\n<p><span style=\"font-weight: 400\">Kein unwesentlicher Aspekt ist die Figma Community, zu der jede:r z\u00e4hlt, die\/der sich ein \u00f6ffentliches Profil bei Figma erstellt. Man findet sie unter <\/span><a href=\"https:\/\/www.figma.com\/community\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">https:\/\/www.figma.com\/community<\/span><\/a><span style=\"font-weight: 400\">.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Die M\u00f6glichkeiten, die diese Webseite bieten, sind unter anderem, sich bei anderen \u00f6ffentlichen Profilen inspirieren zu lassen, Vorlagen und Ressourcen in die eigenen Dateien zu integrieren (siehe Kapitel 2c), Feedback zu hinterlassen und insgesamt miteinander zu interagieren. Das bedeutet, dass die Community nicht nur auf individuelle Designer:innen beschr\u00e4nkt ist, sondern auch Teams und Organisationen eine Plattform bietet, sich zu pr\u00e4sentieren, ihre Designs zu teilen und ihre Arbeiten mit einer breiten Community zu teilen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Die Figma Community schafft eine offene Plattform f\u00fcr den Austausch von Wissen, Ideen und Ressourcen in der Welt des Designs und f\u00f6rdert eine vernetzte und kollaborative Designkultur.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h1 id=\"funktionsumfang\">2. Funktionsumfang<\/h1>\n<h2>a) Echtzeit-Kollaboration<\/h2>\n<p><span style=\"font-weight: 400\">Features siehe 1.a. Grundlegende Informationen<\/span><\/p>\n<p><span style=\"font-weight: 400\">Seit 2015 wird an der sogenannten &#8222;Multiplayer Technology&#8220; entwickelt,<\/span><span style=\"font-weight: 400\">\u00a0die eines der Kern-Features von FigJam realisiert: die Echtzeit-Kollaboration [5].\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Unabh\u00e4ngig von den Rechten sieht man jederzeit, wer am aktuellen File arbeitet und an welcher Stelle sich der jeweilige Mauszeiger der Anderen befindet. Gleichzeitig k\u00f6nnen bis zu 500 User ein File betrachten, von denen 200 das File simultan bearbeiten k\u00f6nnen [6].\u00a0<\/span><\/p>\n<p>Es ist m\u00f6glich, dem cursor einer bestimmten Person zu folgen oder sich frei in dem file zu bewegen.\u00a0<span style=\"font-weight: 400\">Alle bearbeitenden Personen k\u00f6nnen alle Werkzeuge\u00a0verwenden (siehe 3. Werkzeuge).<\/span><\/p>\n<p>Personen, mit die Zugriff \u00fcber einen Link oder eine Einladungsemail erhalten, k\u00f6nnen die Rollen &#8222;can view&#8220; und &#8222;can edit&#8220; zugeteilt werden. Generell besitzen Personen, welche keinen Figma-Account besitzen &#8222;can view&#8220; Rechte. Im Falle des Professional-Abonnement kann man files f\u00fcr eine begrenzte Zeit so freischalten, dass alle Personen mit denen das File geteilt ist, editieren k\u00f6nnen [7].<\/p>\n<h2>b) Whiteboard<\/h2>\n<p><span style=\"font-weight: 400\">Das System fungiert wie ein gro\u00dfes Whiteboard. Jede:r kann mitschreiben, mitkleben und \u00e4ndern. Whiteboards sind im Allgemeinen daf\u00fcr da, Dinge zu pr\u00e4sentieren, Ideen zu finden und Projekte zu managen. Prozesse und Unternehmensstrategien k\u00f6nnen geplant und Erinnerungen k\u00f6nnen notiert werden. Daten k\u00f6nnen visualisiert und es kann im Team allgemein gearbeitet werden.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Typischerweise kann man beim Brainstorming seine Gedanken ganz willk\u00fcrlich anordnen und sie erst im Verlauf einer Besprechung ordnen, um erstmal eine Grundlage zu schaffen f\u00fcr die weitere Ausarbeitung der Thematik.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>c) Vorlagen<\/h2>\n<p><span style=\"font-weight: 400\">FigJam verf\u00fcgt \u00fcber eine gro\u00dfe Anzahl an Vorlagen bzw. Templates. Man kann nach speziellen Vorlagen filtern oder suchen, um die f\u00fcr sich Passende zu finden.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Hat man sich f\u00fcr eine entschieden, kann man diese in das eigene FigJam Projekt einf\u00fcgen und sie dann auch modifizieren, um das bestm\u00f6gliche Ergebnis zu haben.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Vorgehen bei Integration von FigJam Template<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Entweder sucht man im Bereich seiner FigJam-Datei im Template-Bereich \u2013 dort findet man alle von FigJam selbst erstellen Templates<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u2026 oder man nutzt die Vorteile der Figma Community und sucht dort (<\/span><a href=\"https:\/\/www.figma.com\/community\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">https:\/\/www.figma.com\/community<\/span><\/a><span style=\"font-weight: 400\">) nach passenden Templates. M<\/span><span style=\"font-weight: 400\">an kann die Vorlage dann in Figma \u00f6ffnen und die f\u00fcr sich relevanten Aspekte kopieren und in seine FigJam-Datei einf\u00fcgen<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400\">Es gibt neben den vorhandenen Templates auch die M\u00f6glichkeit, sich eigene Vorlagen zu erstellen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Sinnvoll ist so eine benutzerdefinierte Vorlage beispielsweise, wenn es darum geht, regelm\u00e4\u00dfige Meetings abzuhalten, bei denen man strukturell gesehen immer wieder die gleiche Abfolge durchgeht.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Andere Anwendungsbeispiele sind w\u00f6chentliche Meetings, Teamplanung, Workshops, Retrospektiven oder Design-Feedback<\/span><\/p>\n<p><span style=\"font-weight: 400\">Vorgehensweise beim Erstellen und Ver\u00f6ffentlichen eines Templates:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Erstellen einer FigJam-Datei mit gew\u00fcnschten Attributen und Aufbau<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cShare\u201d-Symbol am oberen Rand des Bildschirms klicken<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">\u201cPublish\u201d-Reiter ausw\u00e4hlen und dann in die Figma-Community ver\u00f6ffentlichen.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">beim Ver\u00f6ffentlichen muss noch ein Formular mit den wesentlichen Eigenschaften des Templates ausgef\u00fcllt werden, man muss ein \u00f6ffentliches FIgma-Profil anlegen und anschlie\u00dfend kann man das Template im Bereich der Figma Community f\u00fcr alle \u00f6ffentlich verf\u00fcgbar machen\u00a0<\/span><\/li>\n<\/ol>\n<h2><\/h2>\n<h2>d) Figma-Integration<\/h2>\n<p><span style=\"font-weight: 400\">Elemente, die in einem Figma Design-File erstellt wurden, k\u00f6nnen durch Copy + Paste in einem FigJam Board verwendet werden. Dieser Vorgang ist auch umgekehrt m\u00f6glich.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Bei den Kopiervorg\u00e4ngen ist folgendes zu beachten:<\/span><\/p>\n<p><span style=\"font-weight: 400\">Figma \u2192 FigJam<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/help.figma.com\/hc\/de\/articles\/360041539473-Rahmen-Frames-in-Figma\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Frames<\/span><\/a><span style=\"font-weight: 400\"> werden als SVG eingef\u00fcgt, man kann nicht auf die einzelnen Layers zugreifen<\/span><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360039832054-The-difference-between-frames-and-groups\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Groups<\/span><\/a><span style=\"font-weight: 400\"> bleiben erhalten und sind bearbeitbar<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Child <\/span><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360038663154-Create-components-to-reuse-in-designs\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Components<\/span><\/a><span style=\"font-weight: 400\"> die nach FigJam kopiert werden, ver\u00e4ndern sich nicht wenn ein Parent Component ver\u00e4ndert wird<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">FigJam \u2192 Figma<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Groups bleiben erhalten und sind bearbeitbar<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Figma \u2192 FigJam \u2192 Figma<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Frames und ihre <\/span><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/360041539473-Frames-in-Figma#01H8CWAD9EXJJWFQZYDAG3NYKQ\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Child Objects<\/span><\/a><span style=\"font-weight: 400\"> bleiben erhalten<\/span><\/li>\n<\/ul>\n<h2><\/h2>\n<h2>e) JavaScript-Plugins<\/h2>\n<p><span style=\"font-weight: 400\">FigJam bietet eine Vorauswahl von Plugins und Widgets f\u00fcr verschiedene Anwendungsf\u00e4lle:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Brainstorms<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Diagramming<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Workshops<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Meetings<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Planning<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Images<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Fun<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Ein Beispiel f\u00fcr ein Fun-Widget ist ein W\u00fcrfel, der, wenn er angeklickt wird, seine Zahl ver\u00e4ndert und somit \u201cgew\u00fcrfelt\u201d wird:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3174 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-14-at-13.18.48.png\" alt=\"\" width=\"111\" height=\"105\" \/><\/p>\n<p style=\"text-align: center\">Abb. 1: W\u00fcrfel-Widget vor &#8222;Wurf&#8220;<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3173 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-14-at-13.20.03.png\" alt=\"\" width=\"117\" height=\"113\" \/>Abb. 2: W\u00fcrfel-Widget nach &#8222;Wurf&#8220;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400\">Ein weiteres Beispiel aus der Diagramming Kategorie ist das Wireframe-Plugin:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3172 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-14-at-13.33.18.png\" alt=\"\" width=\"561\" height=\"420\" \/><\/p>\n<p style=\"text-align: center\">Abb. 3: Das Wireframe-Plugin bietet vorgefertigte Wireframes die von Teams frei verwendet werden k\u00f6nnen<\/p>\n<p><span style=\"font-weight: 400\">Es gibt insgesamt \u00fcber 100 kostenfreie und kostenpflichtige Widgets und Plugins f\u00fcr FigJam, die \u00fcber die Community Page einsehbar sind. Drittanbieter k\u00f6nnen zahlungspflichtige Plugins anbieten.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/www.figma.com\/plugin-docs\/working-in-figjam\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400\">Die Plugin API ist frei nutzbar.<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h1 id=\"werkzeuge\">3. Werkzeuge<\/h1>\n<h2>a) Sticky Notes<\/h2>\n<p><span style=\"font-weight: 400\">FigJam bietet Nutzer:innen die M\u00f6glichkeit, quadratische Klebenotizen zu erstellen, die auf dem Whiteboard frei bewegt werden k\u00f6nnen. Mit 9 verschiedenen Farben erm\u00f6glichen sie das schnelle Notieren und Ordnen von Gedanken, beispielsweise f\u00fcr Methoden wie das Brainstorming, und erf\u00fcllen damit die gleiche Funktion wie klassische \u201cPost-Its\u201d. Dazu kommt die M\u00f6glichkeit, den Autor der Notiz anzuzeigen oder auszublenden, was auch anonymes Sammeln von Ideen oder Feedback erm\u00f6glicht [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3185 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/stickynotes.png\" alt=\"\" width=\"559\" height=\"362\" \/><\/p>\n<p style=\"text-align: center\">Abb. 4: Gr\u00fcne Sticky Notes, welche f\u00fcr ein Brain Storming genutzt wurden<\/p>\n<h2>b) Zeichenwerkzeuge<\/h2>\n<p><span style=\"font-weight: 400\">Neben dem Hinzuf\u00fcgen von Text gibt es auch verschiedene M\u00f6glichkeiten, das Whiteboard zeichnerisch zu gestalten. Hier werden Nutzer:innen vier Werkzeuge bereitgestellt:\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Der Marker, ein normaler Stift zum Schreiben und Zeichnen in beliebigen Farben. Zeichner:innen k\u00f6nnen zwischen zwei Strichdicken ausw\u00e4hlen.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Der Highlighter, ein Textmarker zum Hervorheben von Text oder bestimmten Bereichen in acht beliebigen Farben. Auch hier kann man zwischen zwei Strichdicken w\u00e4hlen.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Das Washi-Tape, ein Klebeband, um Notizen oder Bereiche zu \u201cbefestigen\u201d, was das Gef\u00fchl eines echten, physischen Boards vermitteln soll. Hier sind standardm\u00e4\u00dfig acht verschiedene Designs verf\u00fcgbar, es k\u00f6nnen aber auch eigene Designs hochgeladen werden. Dieses Klebeband hat nur einen optischen Effekt und hat sonst keinen speziellen Nutzen.<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Das Radiergummi, welches die Werke der anderen Werkzeuge entfernen kann.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">Dazu kommen verschiedene Formen, welche zur Gestaltung von Bereichen genutzt werden k\u00f6nnen. Dabei kann man zwischen Grundformen wie dem Kreis, Dreieck oder Viereck w\u00e4hlen, es sind aber auch spezielle Formen, beispielsweise f\u00fcr Flowcharts, verf\u00fcgbar. Ebenso sind Pfeile in verschiedenen Ausf\u00fchrungen vorhanden, um Abl\u00e4ufe darzustellen [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3188 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/zeichenwerkzeuge.png\" alt=\"\" width=\"715\" height=\"101\" \/><\/p>\n<p style=\"text-align: center\">Abb. 5: Von links nach rechts: Marker, Highlighter, Washi-Tape, Radiergummi, Strichgr\u00f6\u00dfen und Farben<\/p>\n<h2>c) Cursor<\/h2>\n<p><span style=\"font-weight: 400\">Da FigJam auf das gemeinsame Arbeiten an einem Projekt abzielt, sind die Cursor anderer Nutzer:innen im Board sichtbar. Dies erm\u00f6glicht das Verfolgen der Aktivit\u00e4ten von anderen, um so beispielsweise als Meeting-Leiter sicher zu gehen, dass jeder an der richtigen Stelle arbeitet. Ebenso gibt es das \u201cSpotlight\u201d-Feature, wo automatisch der Cursor einer Person verfolgt wird. Ebenfalls kann man den Cursor-Chat nutzen: hier kann eine Nachricht neben dem eigenen Cursor angezeigt werden um schnelles Feedback zu geben [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3271 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/cursor.png\" alt=\"\" width=\"237\" height=\"168\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\">Abb. 6: Cursor einer anderen Person im Dokument, welche den Cursor-Chat nutzt<\/p>\n<p>&nbsp;<\/p>\n<h2>d) Voting<\/h2>\n<p><span style=\"font-weight: 400\">Ein weiteres Feature, welches f\u00fcr die Kollaboration mit anderen vorteilhaft ist, ist ein Voting-Tool, womit Nutzer:innen eigene Abstimmungen erstellen k\u00f6nnen [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3187 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/votes.png\" alt=\"\" width=\"295\" height=\"316\" \/><\/p>\n<p style=\"text-align: center\">Abb. 7: Ergebnisse einer Abstimmung zwischen vier Sticky Notes<\/p>\n<h2>e) Timer<\/h2>\n<p><span style=\"font-weight: 400\">Um in Brainstorming-Sessions nicht die Zeit aus den Augen zu verlieren, gibt es eine Uhr mit Timer, die f\u00fcr alle Nutzer:innen synchronisiert runterz\u00e4hlt. Sobald der Timer null erreicht, ert\u00f6nt ein Klingelton. Die Dauer des Timers ist dabei frei w\u00e4hlbar [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3186 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/timer.png\" alt=\"\" width=\"233\" height=\"162\" \/><\/p>\n<p style=\"text-align: center\">Abb. 8: Timer, welcher von drei Minuten herunterz\u00e4hlt<\/p>\n<h2>f) Hintergrundmusik<\/h2>\n<p>In dem FigJam-Dokument kann f\u00fcr alle Nutzer:innen eine Hintergrundmusik ausgew\u00e4hlt werden, welche synchronisiert abgespielt wird. Dabei kann man zwischen verschiedenen Liedern w\u00e4hlen. Ebenfalls l\u00e4sst sich die Lautst\u00e4rke \u00e4ndern oder alternativ die Musik stummschalten [8].<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3238 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/musik.jpg\" alt=\"\" width=\"295\" height=\"187\" \/><\/p>\n<p style=\"text-align: center\">Abb. 9: Auswahlmen\u00fc der Hintergrundmusik<\/p>\n<h2>g) Kommentare<\/h2>\n<p><span style=\"font-weight: 400\">Nutzer:innen haben die M\u00f6glichkeit, Kommentare in Form einer Textblase auf dem Whiteboard zu hinterlassen. Alle Kommentare werden in einem separaten Fenster angezeigt, welches einen geordneten \u00dcberblick \u00fcber alle Kommentare des Boards bietet. Die Funktionsweise dieser Kommentare ist dabei \u00e4hnlich wie die der Issues auf der Seite GitHub &#8211; eine Textblase er\u00f6ffnet eine Art Thread, in welchem Nutzer antworten und sich austauschen k\u00f6nnen. Ist das Problem behoben oder der Kommentar durch andere Gr\u00fcnde obsolet, kann der Thread aufgel\u00f6st werden und die Textblase verschwindet von dem Board. Alle aufgel\u00f6sten Threads k\u00f6nnen auch nach dem Verschwinden der Textblase angezeigt werden. Dies erm\u00f6glicht ein detailliertes, aber gleichzeitig auch \u00fcbersichtliches Diskutieren von Konzepten [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3182 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/comments.png\" alt=\"\" width=\"575\" height=\"194\" \/><\/p>\n<p style=\"text-align: center\">Abb. 10: Ein Kommentar zu einer Auflistung<\/p>\n<h2>h) Sticker und Stempel<\/h2>\n<p><span style=\"font-weight: 400\">Das Board kann durch Stempel und Sticker frei gestaltet werden. Dabei sind verschiedene Themes standardm\u00e4\u00dfig eingebaut, und weitere k\u00f6nnen durch einen Community-Tab hinzugef\u00fcgt werden. So k\u00f6nnen Nutzer:innen eigene Bilder hochladen und zu Stickern machen. Sticker und Stempel personalisieren das Board und geben den Konzeptionen einen verspielten Look, jedoch gibt es auch Stempel mit Funktionen: So besitzt beispielsweise jede:r Nutzer:in einen pers\u00f6nlichen Stempel mit dem eigenen Profilbild, welcher beispielsweise f\u00fcr Abstimmungen oder \u00c4hnliches genutzt werden kann [8].<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3184 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/stamps.png\" alt=\"\" width=\"651\" height=\"433\" \/><\/p>\n<p style=\"text-align: center\">Abb. 11: Verschiedene Sticker und Stempel<\/p>\n<h1 id=\"bpmn\">4. Prozess-Darstellung (BPMN)<\/h1>\n<p>Im folgenden BPMN haben wir eine Retrospektive, gehalten mithilfe von FigJam, modelliert.<\/p>\n<p>Der Prozess beginnt bei der Teamleitung, welche zuerst eine FigJam Page und dann die entsprechenden Spalten erstellt und entsprechend der Phasen der Retrospektive beschriftet. Anschlie\u00dfend werden die Teamteilnehmer:innen eingeladen und bekommen damit eine Nachricht. Die Teilnehmer:innen treten der Seite bei und die Teamleitung erkl\u00e4rt kurz die Regeln einer Retrospektive. Anschlie\u00dfend wird ein Timer und die erste Phase gestartet. Insgesamt gibt es in der Retrospektive drei Phasen. Sie beginnen mit der ersten Iteration der Retrospektive &#8211; dem Erstellen von Notizen mit positivem Feedback. Nun werden die Notizen sortiert und im Team geordnet durchgesprochen. Dieser Prozess, beginned mit dem gestarteten Timer, soll 15 Minuten nicht \u00fcberschreiten. Anschlie\u00dfend wird der Timer neu gestartet und der Prozess wiederholt &#8211; dieses mal werden allerdings Notizen mit negativem Feedback erstellt. Sobald diese Phase abgeschlossen ist, wird das Ganze noch ein letztes Mal wiederholt, dabei werden Verbesserungsvorschl\u00e4ge gebrainstormt, sortiert und besprochen. Nach Abschluss der letzten Iteration wird der die Retrospektive von der Teamleitung beendet.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3268 size-full\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/BIS-Projekt-1.png\" alt=\"BPMN Retrospektive mit FigJam\" width=\"7170\" height=\"2010\" \/><\/p>\n<p style=\"text-align: center\">Abb. 12: Beispielmodellierung eines BPMN einer Retrospektive<\/p>\n<p>Hier die Modellierung noch als PDF: <a href=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/BIS-Projekt-1.pdf\" target=\"_blank\" rel=\"noopener\">BIS Projekt BPMN<\/a><\/p>\n<h1 id=\"alternativen\">5. Alternativen<\/h1>\n<p><span style=\"font-weight: 400\">Neben FigJam gibt es noch einige andere Tools, mit den gleichen oder \u00e4hnlichen Funktionalit\u00e4ten. Im folgenden Abschnitt wird ein kurzer \u00dcberblick \u00fcber einige Alternativen gegeben, einschlie\u00dflich ob sie kostenfrei sind und welchen Funktionsbereich von FigJam sie enthalten.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>a) Draw.io<\/h2>\n<p><span style=\"font-weight: 400\">Die erste und eine der wohl bekanntesten Alternativen ist Draw.io, eine kostenlose open-source Anwendung. Das Tool eignet sich gut zum Erstellen von Diagrammen und Mind Maps und ben\u00f6tigt keine Anmeldung oder Erstellung von Accounts zum Benutzen. Des Weiteren ist das Tool sehr light-weight, enth\u00e4lt weder Tracking noch Werbung und l\u00e4sst sich auch self-hosten, z.B. als Docker Application oder als Desktop App. In Kombination mit beispielsweise Confluence kann die App auch f\u00fcr das gleichzeitige Arbeiten verwendet werden. F\u00fcr Prototyping und Designen eignet sich das Tool allerdings nur bedingt [9][10].<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>b) MIRO<\/h2>\n<p><span style=\"font-weight: 400\">Eine Anwendung, die den Funktionsumfang von FigJam praktisch vollst\u00e4ndig abdeckt, ist MIRO, eine \u201centerprise-ready\u201d Webanwendung, die f\u00fcrs Mindmapping, als Team Collaboration Tool, als Whiteboard und f\u00fcr die Erstellung von Diagrammen verwendet werden kann. Die propriet\u00e4re Anwendung eignet sich au\u00dferdem zur Darstellung von KanBan Workflows, Retrospektiven, Produktplanung und Prozessmapping. Das Tool kann kostenlos verwendet werden, hat aber auch verschiedene kostenpflichtige Pl\u00e4ne [9][10].<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2>c) Weitere Tools<\/h2>\n<p><span style=\"font-weight: 400\">Eine open-source Whiteboard-Alternative ist tldraw;. Das vollst\u00e4ndig kostenlose Tool erlaubt eine real-time Collaboration ohne vorherige Anmeldung, schaltet keine Werbung und ist sehr light-weight. Die Funktionalit\u00e4ten unterst\u00fctzen neben dem Standard Whiteboard Einsatz nur noch das Mind Mapping [9].\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Eine weitere Alternative ist das Microsoft Whiteboard. Das Tool ist auch vollst\u00e4ndig kostenlos, aber propriet\u00e4r und wird als \u201cfree form digital canvas\u201d bezeichnet. Es l\u00e4sst sich nicht nur als Standard Whiteboard einsetzen, sondern enth\u00e4lt auch Features, die das Mind Mapping und das Erstellen von Notizen unterst\u00fctzen. Hierbei erm\u00f6glicht die Anwendung real-time Collaboration, Screen Sharing und kann handgeschriebene Texte umwandeln. Noch ein Pluspunkt ist, dass das Tool keine Werbung schaltet [9].<\/span><\/p>\n<p><span style=\"font-weight: 400\">Abgesehen davon gibt es auch noch einige weitere cloud-basierte Tools mit kostenlosen Standard- und kostenpflichtigen erweiterten Versionen, darunter Lucid Chart aus der Lucid Visual Collaboration Suite, welches sich f\u00fcrs Mind Mapping, der Erstellung von Diagrammen und der Datenvisualisierung eignet, MindMeister, welches prim\u00e4r zur Team Collaboration, f\u00fcrs Mind Mapping und f\u00fcrs Project Management verwendet wird, und MURAL, welches als Whiteboard und zur Erstellung von Mindmaps und Diagrammen verwendet werden kann. Die drei aufgelisteten Tools erlauben hierbei auch eine gleichzeitige Bearbeitung [9][10].<\/span><\/p>\n<h1 id=\"zukunft\">6. Zuk\u00fcnftige Entwicklung<\/h1>\n<p><span style=\"font-weight: 400\">Das gr\u00f6\u00dfte neue Feature von FigJam ist die Integration einer k\u00fcnstlichen Intelligenz. Aktuell ist die Funktionalit\u00e4t noch in einer Beta-Version, kann aber schon genutzt werden. Die KI hat das Potential, viel Arbeit zu \u00fcbernehmen, vor allem bei der Vor- und Nachbereitung von Meetings. Hier kann man sich einfach angepasste Meeting-Vorlagen zusammenklicken, basierend auf dem aktuellen Anwendungsfall und Best Practices. Die KI kann auch dazu genutzt werden, die w\u00e4hrend des Meetings gesammelten Notizen zu gruppieren und zusammenzufassen [11].<\/span><\/p>\n<p>Alle Funktionalit\u00e4ten der KI k\u00f6nnen unter diesem Icon<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3217\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-17-220413.png\" alt=\"AI icon\" width=\"37\" height=\"35\" \/>links oben in der Toolbar oder beim selektieren mehrerer Elemente gefunden werden (siehe Abb. 13)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3218 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-17-220749.png\" alt=\"AI select group\" width=\"589\" height=\"210\" \/><\/p>\n<p style=\"text-align: center\">Abb. 13: Erscheinende Toolbar beim selektieren mehrerer Elemente<\/p>\n<p>Beispielsweise kann ein KanBan Board von der AI generiert werden lassen. Daf\u00fcr m\u00fcssen die erw\u00fcnschten Ergebnisse im AI Prompt angefragt werden (siehe Abb. 14).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3179 aligncenter\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-14-135522.png\" alt=\"Request AI to generate a KanBan Board for Website Development \" width=\"169\" height=\"266\" \/><\/p>\n<p style=\"text-align: center\">Abb. 14: Screenshot des AI beta Prompts<\/p>\n<p>Das generierte Resultat zeigt zum Beispiel drei Spalten, Backlog, In Progress und Completed inklusive schon generierte Inhalte und Beispiele. Die Integrationsm\u00f6glichkeiten f\u00fcr asana, Jira und GitHub sind direkt mit angezeigt (siehe Abb. 15).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3178\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-14-135420.png\" alt=\"AI generated KanBan Board for Website Development\" width=\"3181\" height=\"871\" \/><\/p>\n<p style=\"text-align: center\">Abb. 15: Screenshot des AI-generierten KanBan Boards<\/p>\n<p>Die KI kann au\u00dferdem auch noch Meeting Notes &#8211; welche beispielsweise als Sticky Notes festgehalten wurden &#8211; zusammentragen und sortieren. Daf\u00fcr werden einfach alle betroffenen Elemente ausgew\u00e4hlt und dann die gew\u00fcnschte Funktionalit\u00e4t in der erscheinenden Toolbar ausgew\u00e4hlt (siehe Abb. 16).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3216\" src=\"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-content\/uploads\/2023\/11\/Screenshot-2023-12-17-220105.png\" alt=\"AI Summarize\" width=\"1443\" height=\"662\" \/><\/p>\n<p style=\"text-align: center\">Abb. 16: Kontextmen\u00fc der FigJam-KI, angewandt auf mehrere Sticky Notes<\/p>\n<h1 id=\"evaluation\">7. Evaluation<\/h1>\n<p>Im Rahmen der Recherche und Ausformulierung dieses Beitrags wurde FigJam auch im Team verwendet. Die Erfahrungsberichte sind in dieser Evaluation des Tools mit eingeflossen.<\/p>\n<p>FigJam eignet sich gut f\u00fcr die Arbeit im Team, es lassen sich leicht Inhalte erstellen, an denen alle Teilnehmenden gleichzeitig arbeiten k\u00f6nnen. Die Funktionalit\u00e4t, einer Person (beziehungsweise deren Cursor) folgen zu k\u00f6nnen, macht es auch einfach gemeinsam an der gleichen Stelle zu bleiben und Themen durchzugehen. Die Freiheit alles \u00fcberall hinzeichnen und verschieben zu k\u00f6nnen kann das Tool un\u00fcbersichtlich machen, wenn man hier als Team nicht auf eine ordentliche Struktur achtet &#8211; dies ist aber ein Problem, welches bei allen Whiteboards auftritt, begr\u00fcndet in der Natur dieser Funktionalit\u00e4t. Ein weiterer Vorteil ist es, dass nicht nur Arbeitsergebnisse mit Externen geteilt werden k\u00f6nnen, sondern die Erstellung dieser beobachtet oder sogar daran mitgewirkt werden kann.<\/p>\n<p>Das Tool hat einen sehr lockeren, spielerischen Charakter mit Hintergrundmusik, vielen Stickern, einem &#8222;s\u00fc\u00dfen Ambiente&#8220; und bunten Farben. All diese Aspekte k\u00f6nnen den kreativen Arbeitsprozess f\u00f6rdern und sich positiv auf die Stimmung und Arbeitsatmosph\u00e4re auswirken.\u00a0Des Weiteren k\u00f6nnen die vielen Gadgets auch schnell von den eigentlichen Aufgaben ablenken, dem kann die Countdown Funktionalit\u00e4t und eine Moderation der Meetings aber schnell Abhilfe schaffen.<\/p>\n<p>Zusammengefasst l\u00e4sst sich sagen, dass FigJam ein gutes Tool f\u00fcr die gemeinsame, kreative Arbeit ist &#8211; vom Mind-Mapping bis zur Retrospektive.<\/p>\n<h1 id=\"quellen\">8. Quellen<\/h1>\n<ul>\n<li>[1] Designprozesse, URL: <a href=\"https:\/\/www.figma.com\/de\/figjam\/design-processes\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/de\/figjam\/design-processes\/<\/a> [abgerufen am 18.12.2023]<\/li>\n<li>[2] Preise, URL: <a href=\"https:\/\/www.figma.com\/de\/pricing\/#figjam-f-r-whiteboarding\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/de\/pricing\/#figjam-f-r-whiteboarding<\/a><span class=\"Apple-converted-space\">\u00a0 <\/span>[abgerufen am 18.12.2023]<\/li>\n<li>[3] Figma und FigJam im Vergleich, URL: <a href=\"https:\/\/help.figma.com\/hc\/de\/articles\/1500004290201-Figma-und-FigJam-im-Vergleich\" target=\"_blank\" rel=\"noopener\">https:\/\/help.figma.com\/hc\/de\/articles\/1500004290201-Figma-und-FigJam-im-Vergleich<\/a> [abgerufen am 18.12.2023]<\/li>\n<li>[4] FigJam &#8211; Aus Ideen werden Pl\u00e4ne mit FigJam, URL: <a href=\"https:\/\/www.figma.com\/de\/figjam\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.figma.com\/de\/figjam\/<\/a> [abgerufen am 18.12.2023]<\/li>\n<li>[5] How Figmas multiplayer technology works, URL:\u00a0<a href=\"https:\/\/www.figma.com\/blog\/how-figmas-multiplayer-technology-works\">https:\/\/www.figma.com\/blog\/how-figmas-multiplayer-technology-works<\/a>\u00a0[abgerufen am 19.12.2023]<\/li>\n<li>[6] How many people can be in a file at once?, URL:\u00a0<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/1500006775761\">https:\/\/help.figma.com\/hc\/en-us\/articles\/1500006775761<\/a>\u00a0[abgerufen am 19.12.2023]<\/li>\n<li>[7] Invite visitors to an open session, URL:\u00a0<a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/4410786053911-Invite-visitors-to-an-open-session\">https:\/\/help.figma.com\/hc\/en-us\/articles\/4410786053911-Invite-visitors-to-an-open-session<\/a>\u00a0[abgerufen am 19.12.23]<\/li>\n<li>[8] FigJam &#8211; Einf\u00fchrung in FigJam, URL: <a href=\"https:\/\/help.figma.com\/hc\/de\/articles\/1500004362321-Einf%C3%BChrung-in-FigJam\">https:\/\/help.figma.com\/hc\/de\/articles\/1500004362321-Einf%C3%BChrung-in-FigJam<\/a> [abgerufen am 18.12.2023]<\/li>\n<li>[9] FigJam Alternatives &#8211;<span class=\"AlternativePageTitle_subTitle__3orwg\">Whiteboards &amp; Mind Mapping Tools like FigJam, URL: <\/span><a href=\"https:\/\/alternativeto.net\/software\/figjam\/\">https:\/\/alternativeto.net\/software\/figjam\/<\/a> [abgerufen am 19.12.2023]<\/li>\n<li>[10] Top 10 FigJam Alternatives &amp; Competitors, URL: <a href=\"https:\/\/www.g2.com\/products\/fig-jam\/competitors\/alternatives\">https:\/\/www.g2.com\/products\/fig-jam\/competitors\/alternatives<\/a>\u00a0[abgerufen am 19.12.2023]<\/li>\n<li>[11] Zusammenarbeit neu gedacht \u2013 mit KI, URL: <a href=\"https:\/\/www.figma.com\/de\/whats-new\/\">https:\/\/www.figma.com\/de\/whats-new\/<\/a> [abgerufen am 19.12.2023]<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Inhalt Einf\u00fchrung Funktionsumfang Werkzeuge Prozess-Darstellung (BPMN) Alternativen Zuk\u00fcnftige Entwicklung Evaluation Quellen 1. Einf\u00fchrung a) Grundlegende Informationen Figma ist ein webbasiertes<\/p>\n","protected":false},"author":143,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[97],"class_list":["post-3048","post","type-post","status-publish","format-standard","hentry","category-betriebliche-informationssysteme","tag-projektmanagement"],"_links":{"self":[{"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/posts\/3048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/comments?post=3048"}],"version-history":[{"count":39,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/posts\/3048\/revisions"}],"predecessor-version":[{"id":3272,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/posts\/3048\/revisions\/3272"}],"wp:attachment":[{"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/media?parent=3048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/categories?post=3048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/informatik.htwk-leipzig.de\/seminar\/wp-json\/wp\/v2\/tags?post=3048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}