Interaktionen mit KI erstellen
Hinweis: Die KI-Funktionen von Figma sind derzeit in der Beta-Version kostenlos, es können jedoch Nutzungsbeschränkungen gelten. Sobald sie allgemein verfügbar sind, werden wir dich über die Preise informieren.
Mit Figma AI kannst du mit wenigen Klicks mehrere Prototyping-Interaktionen und Verbindungen zu deinen Designs hinzufügen. Dies verringert die Zeit, die für das manuelle Hinzufügen von Interaktionen aufgewendet wird, und ermöglicht einen schnelleren und einfacheren Arbeitsablauf zur Erstellung eines interaktiven Prototyps.
Einführung in Prototyping in Figma.
So funktioniert es
Mit Interaktionen hinzufügen mit Figma AI kannst du Interaktionen und Verbindungen zwischen Frames in deiner Auswahl erstellen. Beispiel:
- Einfache Flows zwischen einer Auswahl von Rahmen der obersten Ebene erstellen
- Interaktionen zu den Schaltflächen „Zurück“ oder „Weiter“ hinzufügen
- Link zu einzelnen Frames aus einem Navigationsmenü
Dies ist hilfreich, wenn du aus deinen Designs schnell einen grundlegenden Prototyp-Flow erstellen möchtest. Du kannst jede Interaktion jederzeit weiter anpassen oder deinem Prototyp weitere Interaktionen hinzufügen.
Eine einheitliche Benennung der Ebenen kann zur Verbesserung der Figma AI-Ausgabe beitragen. Erfahre, wie du Ebenen mit Figma AI umbenennst.
Interaktionen mit KI hinzufügen
- Wähle auf der Arbeitsfläche die Rahmen aus, zwischen denen du Interaktionen erstellen möchtest.
- Öffne den Tab Prototyp in der rechten Seitenleiste.
- Klicke im Abschnitt Interaktionen auf Interaktionen hinzufügen.
Sobald Figma AI das Hinzufügen von Interaktionen zu deinen Designs abgeschlossen hat, siehst du unten auf der Seite ein Banner, das dir eine Vorschau der Interaktionen ermöglicht. Dadurch wird der aktuelle Flow als Prototyp in der Inline-Vorschau geöffnet.
Um alle Interaktionen zu akzeptieren, klicke auf Behalten.
Änderungen am Prototyp vornehmen
Du kannst alle von Figma AI hinzugefügten Interaktionen bearbeiten oder entfernen sowie Interaktionen manuell bearbeiten und weitere hinzufügen.
Klicke auf eine Verbindung, um eine bestimmte Interaktion auszuwählen.
- Die Ansicht Interaktionsdetails wird auf der Arbeitsfläche geöffnet, wo du nach Bedarf Änderungen vornehmen kannst.
- Um diese Interaktion zu entfernen, suche die entsprechende Interaktion in der rechten Seitenleiste und klicke zum Entfernen auf . Alternativ drückst du Löschen auf deiner Tastatur.
- Um alle Verbindungen auf der aktuellen Seite zu entfernen, klicke mit der rechten Maustaste auf die Arbeitsfläche und wähle Alle Verbindungen entfernen aus.