FigJam ist Figmas integriertes Online-Whiteboard-Tool für kollaborative Brainstorming-Sessions, Design-Thinking-Workshops, User Story Mapping und andere kreative Teamaktivitäten, die eine freie, unstrukturierte Arbeitsfläche erfordern.
Rubrik: Software & Tools · Unterrubrik: Figma · Niveau: Einsteiger Synonyme / Auch bekannt als: Figma Whiteboard, FigJam Board; 2021 eingeführt
Was ist FigJam?
FigJam wurde 2021 als eigenständiges Produkt innerhalb des Figma-Ökosystems eingeführt und adressiert den Bedarf nach kollaborativer, nicht-linearer Zusammenarbeit, die in klassischen Figma-Designdateien nicht optimal abgedeckt wird. Während Figma für strukturiertes UI/UX-Design optimiert ist, bietet FigJam eine freie, endlose Canvas für Ideenfindung, Workshops und strategische Planung.
FigJam ist besonders für Remote-Teams und hybride Arbeitssituationen gedacht, in denen ein physisches Whiteboard oder ein Flipchart nicht verfügbar ist. Es repliziert und erweitert die Dynamik von physischen Workshop-Formaten digital.
Erklärung
Grundlegende Interface-Elemente
FigJam hat eine eigene, vereinfachte Oberfläche, die sich deutlich von Figma unterscheidet:
Sticky Notes (Haftnotizen): Das zentrale Element in FigJam sind Sticky Notes in verschiedenen Farben. Sie werden per S-Taste erstellt, können Text enthalten und frei auf der Canvas platziert werden. Sticky Notes sind das digitale Äquivalent zu physischen Post-its und werden für Ideen, Kommentare, Voting und Clustering verwendet.
Shapes und Diagramm-Elemente: FigJam bietet einfache geometrische Formen (Rechtecke, Kreise, Pfeile, Linien) für Diagramme, Flowcharts und Mind Maps. Eine Bibliothek mit Design-Thinking-spezifischen Shapes (Personas, Journey Maps, etc.) ist ebenfalls verfügbar.
Verbindungslinien (Connectors): Elemente können durch Connectors verbunden werden, die automatisch den kürzesten Weg zwischen zwei Elementen zeichnen. Ideal für Flowcharts, Entscheidungsbäume und Systemmaps.
Text-Blöcke: Freifliegende Textfelder für Beschriftungen, Sektions-Header und Anmerkungen.
Bilder und Medien: Bilder können per Drag & Drop oder Copy & Paste eingefügt werden. Figma-Designs können direkt in FigJam-Boards verlinkt werden.
Sticker und Emojis: FigJam hat eine umfangreiche Sticker-Bibliothek (inkl. illustrierter Charaktere, Abstimmungs-Symbole, Status-Marker), die in Workshops für Feedback, Voting und Mood-Signaling eingesetzt werden.
Stamps: Vordefinierte, klickbare Markierungen für schnelle Reaktionen: ✓ (Zustimmung), ✗ (Ablehnung), ❤ (Gefällt mir), ⭐ (Highlight) und andere. Besonders nützlich für schnelles Dot-Voting in Workshops.
Kollaborationsfunktionen
FigJam ist für Echtzeit-Kollaboration gebaut:
Live-Cursor: Alle Teilnehmenden sehen sich gegenseitig als farbige Cursors auf der Canvas in Echtzeit.
Audio-Funktion: FigJam hat eine integrierte Audio-Funktion (FigJam Audio), die Sprach-Chats direkt in der Whiteboard-Session ermöglicht, ohne zu einem externen Tool wechseln zu müssen.
Timer: Ein eingebauter Workshop-Timer kann für Timebox-Phasen (z. B. 5 Minuten stille Ideengenerierung) eingestellt werden.
Cursor-Chat: Teilnehmer können kurze Emoji- oder Text-Nachrichten über ihren Cursor senden, ohne den Chat zu öffnen.
Guest-Zugang: FigJam-Boards können öffentlich geteilt werden – Gäste ohne Figma-Account können als „Guest Viewer" oder „Guest Editor" teilnehmen.
FigJam Templates
FigJam bietet eine umfangreiche Template-Bibliothek für gängige Workshop-Formate:
- Brainstorming: Affinity Map, Crazy 8s, How Might We
- Design Thinking: Empathy Map, Problem Statement, Ideation Board
- Product Planning: User Story Map, Product Roadmap, Feature Backlog
- Retrospektiven: Start/Stop/Continue, 4Ls, Mad/Sad/Glad
- Diagramme: Flowchart, Mind Map, Org Chart, System Map
- Strategie: SWOT-Analyse, OKR-Board, Business Model Canvas
- UX-Methoden: Customer Journey Map, Persona, Service Blueprint
Templates werden in der Template-Bibliothek gefunden und direkt in ein Board eingefügt.
FigJam Widgets
FigJam unterstützt Widgets – interaktive, programmatisch erstellte UI-Elemente auf der Canvas. Beispiele:
- Voting Widget: Teilnehmer können auf Elemente abstimmen.
- Poll Widget: Einfache Umfragen direkt auf dem Board.
- Countdown Timer Widget: Erweiterbarer Timer für Workshops.
- GitHub Widget: Verlinkung zu GitHub-Issues direkt auf dem Board.
Widgets werden über das FigJam-Plugin-Menü hinzugefügt.
Integration mit Figma-Designs
FigJam und Figma sind eng integriert:
- Figma-Frames können direkt in FigJam-Boards eingebettet werden.
- FigJam-Boards können aus Figma verlinkt werden.
- Beide Dateitypen sind über die Figma-App zugänglich.
Diese Integration ermöglicht nahtlose Übergänge zwischen Discovery (FigJam) und Design (Figma).
Beispiele
- Design-Sprint-Workshop: Ein 5-Tage-Sprint mit FigJam: Tag 1 – Empathy Map und Problem Statement; Tag 2 – Crazy 8s und Voting; Tag 3 – Story Map; Tag 4 – Storyboard; Tag 5 – Prototype-Feedback.
- Retrospektive: Ein agiles Team nutzt die „Start/Stop/Continue"-Vorlage in FigJam für die Sprint-Retro. Alle Teammitglieder fügen Sticky Notes hinzu, voten per Stamps und clustern die Erkenntnisse.
- User Journey Mapping: UX-Researcher und Designer erstellen gemeinsam eine Customer Journey Map mit Phasen, Touchpoints, Emotionen und Pain Points auf einem FigJam-Board.
- Stakeholder-Workshop: Produktmanager lädt 15 Stakeholder per Guest-Link ein. Alle können gleichzeitig Sticky Notes hinzufügen, abstimmen und diskutieren – ohne Figma-Account.
- Informationsarchitektur: Das IA-Team erstellt eine Site-Map mit Connectors und Shapes in FigJam, die dann als Grundlage für das UI-Design in Figma dient.
In der Praxis
Shortcuts:
- Sticky Note:
S - Sticker:
E - Stamp:
G - Text:
T - Neues Shape:
R(Rechteck),O(Ellipse) - Connector:
L(Linie/Connector) - Zoom to Fit:
Shift+1 - Zoom to Selection:
Shift+2
Best Practices:
- Sticky Notes farbcodieren: Eine Farbe pro Teilnehmer oder pro Kategorie für bessere Übersichtlichkeit.
- Timer für Zeitboxen nutzen – hält Workshops fokussiert.
- Templates als Ausgangspunkt nutzen, nicht als starres Format.
- FigJam-Boards nach dem Workshop sauber dokumentieren: Clustern, Beschriften, Ergebnisse festhalten, bevor das Board archiviert wird.
- Audio-Funktion für Remote-Workshops testen: spart das externe Tool.
Häufige Fehler:
- FigJam für detailliertes UI-Design verwenden – hierfür ist Figma das richtige Tool.
- Board nach dem Workshop nicht aufräumen – unstrukturierte Boards sind für Außenstehende wertlos.
Vergleich & Abgrenzung
Miro ist der Hauptkonkurrent von FigJam und bietet mehr Workshop-Templates und Integrationen, ist aber nicht direkt in ein Design-Tool integriert. Mural ist ebenfalls ein Online-Whiteboard-Tool mit starkem Fokus auf Design Thinking. JAMBOARD (Google, eingestellt 2024) war eine einfachere Alternative. Lucidchart fokussiert auf Diagramme und ist weniger für kreative Workshops geeignet. FigJam's größter Vorteil: die nahtlose Integration mit Figma-Designdateien und die gemeinsame Nutzerverwaltung.
Häufige Fragen (FAQ)
Können Personen ohne Figma-Account an FigJam-Boards teilnehmen? Ja, über den Guest-Zugang. Der Board-Owner sendet einen Link, und Gäste können ohne Account lesen oder – bei entsprechender Einstellung – auch bearbeiten. Dies ist ideal für Stakeholder-Workshops mit vielen externen Teilnehmern.
Kann ich FigJam-Inhalte in eine Figma-Datei übernehmen? FigJam-Boards und Figma-Dateien sind separate Dateitypen. Inhalte können als Bild exportiert oder per Copy & Paste (Text, einfache Shapes) übernommen werden. Eine direkte Design-Übernahme gibt es nicht.
Ist FigJam kostenlos? FigJam ist für Teams in Figmas kostenpflichtigen Plänen enthalten. Es gibt auch einen FigJam-Standalone-Plan. Einzelne öffentliche Boards können kostenlos erstellt werden.
Verwandte Einträge
Weiterführend
- Figma Help Center – help.figma.com/de
- FigJam-Vorlagen-Bibliothek – figma.com/figjam
- Figma: „Introduction to FigJam" (Figma YouTube, 2021)
- Sarah Doody: „Remote Workshop Facilitation mit FigJam" (YouTube, 2022)
