Verwandel deine ChatGPT-Ideen in FigJam-Diagramme

Ab heute kann die Figma-App in ChatGPT KI-generierte FigJam-Diagramme basierend auf dem Gespräch empfehlen und erstellen. Benutzer*innen können auch Dateien wie Fotos, Zeichnungen und PDFs hochladen, um die Ausgabe zu leiten. Das umfasst derzeit textbasierte Flow-Diagramme, Sequenzdiagramme, Zustandsdiagramme und Gantt-Diagramme, mit weiteren in Vorbereitung.

Teams nutzen bereits ChatGPT, um neue Ideen zu erkunden und komplexe Probleme zu lösen. Jetzt können sie den nächsten Schritt machen, um Konzepte in einem FigJam-Diagramm darzustellen, das leicht zu verstehen ist und an dem sich einfach weiterarbeiten lässt. Um die Figma-App zu verwenden, erwähnst du sie einfach in deinem ChatGPT-Prompt, z. B. „Figma, erstelle ein Diagramm aus dieser Skizze.“ ChatGPT kann auch die Figma-App vorschlagen, wenn es für das Gespräch relevant ist.

Im Folgenden erläutern wir einige Möglichkeiten, wie dies in die Workflows deines Teams integriert werden kann.

Schnellere Überarbeitung von Designs

Auch wenn eine Idee auf einem Whiteboard, in einem Notizbuch oder sogar auf einer Serviette beginnt, kann sie erst in einem kollaborativen Raum wie FigJam von Teamkolleg*innen weiterentwickelt werden. Die Figma-App in ChatGPT hilft bei diesem Übergang, indem sie Zeichnungen in Diagramme umwandelt. „FigJam war schon immer ein Ort, an dem wir Ideen teilen und schärfen können“, sagt Product Designer Alex Savard von Figma. „Jetzt ist es einfacher denn je, von der Idee zum Artefakt zu gelangen.“

Hier folgen ein paar Möglichkeiten für Designer*innen, das Feature zu nutzen:

• Zeichnungen in Diagramme verwandeln. Verwandel flüchtige Skizzen in langlebige FigJam-Dateien, die du verbessern und teilen kannst.
• Nach Updates fragen. Nutze ChatGPT, um Vorschläge zur Bearbeitung eines Diagramms zu machen, es zu erweitern, zusätzliche Themen einzubeziehen oder alternative Möglichkeiten zur Visualisierung von Informationen zu erkunden.
• Den First Draft auslagern. ChatGPT kann dichte Inhalte schnell parsen, also lade die Dokumente und den Kontext hoch, die es benötigt, um einen ersten Blick auf ein komplexes Diagramm zu werfen.

Umgehen mit technischen Fragen

Das Erstellen von Diagrammen kann Entwickler*innen helfen, kritisch über Systemdesign nachzudenken und technische Entscheidungen zu kommunizieren – keine leichte Aufgabe, wenn Informationen über Code und Dokumente verstreut sind und der Kontext von verschiedenen Teamkolleg*innen verantwortet wird. „Die Tatsache, dass ich jetzt ein System leicht visualisieren und innerhalb von Minuten live mit anderen Ingenieur*innen in FigJam zusammenarbeiten kann, macht alles reibungsloser“, sagt Nile Phillips, ein Software-Ingenieur bei Figma.

Die Figma-App in ChatGPT kann die Problempunkte der Entwickler*innen lösen:

• Diagramme erstellen und aktualisieren, die die Softwarearchitektur verdeutlichen. Lade technische Dokumentationen und Screenshots an ChatGPT hoch, um den Prozess zu starten.
• Technische Ansätze erforschen. Nutze ChatGPT, um mithilfe von Blogs und Fallstudien Architektendiagramme zu erstellen, die veranschaulichen, wie technische Führungskräfte gängige Herausforderungen lösen.
• Komponentenstrukturen nachschlagen. Lade zum Beispiel einen Screenshot einer Seite zur Preisgestaltung hoch und bitte ChatGPT, die entsprechenden React JS-Komponenten zu skizzieren.

Visualisieren von Ideen und Plänen

Die Erstellung einer Produkt-Roadmap bedeutet, durch ein Labyrinth möglicher Wege zu navigieren und tief über die Bedürfnisse der Benutzer*innen nachzudenken. „Diagramme sind entscheidend, um unseren Teams zu helfen, Abläufe zu visualisieren und Nutzerreisen zu gestalten“, sagt der Product Manager von Figma Pratik Nadagouda. „Das Iterieren von Ideen in ChatGPT ermöglicht es mir, eigenständig alles zu erkunden, und das Einbringen dieser Ergebnisse in FigJam fördert die weitere Zusammenarbeit mit meinem Team.“

So können PMs die Figma-App in ChatGPT nutzen, um sich auf einen gemeinsamen Weg zu einigen:

• Kompromisse evaluieren und visualiseren. Stell dir vor, du wägst Macht gegen Einfachheit für einen Genehmigungs-Flow ab. Verwandel dieses Brainstorming in mehrere Diagramm-Optionen, um Diskussionen und Entscheidungen zu führen.
• User Journeys skizzieren. Lade ein bestehendes PRD hoch oder füge es ein, um es als Ausgangspunkt für ein User-Journey-Flow-Diagramm zu verwenden.
• Startkalender erstellen. Gib ChatGPT die Produkt-, Ingenieur- und Designanforderungen, um ein Gantt-Diagramm zu erstellen, das die Teams auf Kurs hält.

Wir freuen uns, die Power von ChatGPT mit der Multiplayer-Zusammenarbeit von FigJam zu verbinden. Unsere App ist jetzt für alle angemeldeten ChatGPT-Benutzer*innen außerhalb der EU in ChatGPT live. Probiere es selbst aus und bleibe gespannt, während wir in Zukunft weitere Funktionen und Diagrammtypen unterstützen.