Zum Hauptinhalt springen
Screenshot 2026 05 06 At 14 19 04
Flowstep ist so konzipiert, dass es in den Design-Workflow passt, den Sie bereits verwenden – nicht um ihn zu ersetzen. Sie können ein Design in Flowstep generieren und es sofort mit einem einfachen Copy-Paste in Figma einfügen. Das bedeutet, dass Sie die Geschwindigkeit der KI-gestützten Design-Generierung mit den Präzisions- und Kollaborationsfunktionen kombinieren, auf die Sie sich in Figma verlassen.
Flowstep und Figma sind sich ergänzende Werkzeuge, keine Konkurrenten. Flowstep hilft Ihnen, schnell UI-Design-Ideen zu generieren und zu erkunden; Figma ist der Ort, an dem Sie produktionsreife Arbeiten verfeinern, zusammenarbeiten und aufbauen. Die gemeinsame Nutzung beider Tools gibt Ihnen das Beste aus beiden.

So kopieren Sie ein Flowstep-Design in Figma

1

Wählen Sie einen oder mehrere Screens in Flowstep

Klicken Sie auf einen Screen, um ihn auszuwählen – oder wählen Sie mehrere Screens aus, um sie alle auf einmal zu kopieren. Stellen Sie sicher, dass die Auswahl auf der Canvas hervorgehoben wird.
2

Kopieren Sie die Auswahl

Drücken Sie **Cmd+**⇧+C auf Mac oder **Ctrl+**⇧+C unter Windows. Flowstep zeigt „Preparing your design — stay on this tab and keep the screen selected” an, während es funktioniert; der Kopiervorgang ist in einem Moment abgeschlossen.
3

Fügen Sie in Ihre Figma-Datei ein

Wechseln Sie zu Figma und öffnen Sie die Datei, in der Sie das Design platzieren möchten. Drücken Sie Cmd+V auf Mac oder Ctrl+V unter Windows zum Einfügen. Die Flowstep-Screens erscheinen auf Ihrer Figma-Canvas und sind bereit zur Bearbeitung.
Beim Kopieren nach Figma wird die Zwischenablage Ihres Browsers verwendet, daher muss der Browser Flowstep die Zwischenablage-Zugriff erlauben – wenn Sie einen Berechtigungsfehler sehen, erlauben Sie den Zugriff auf die Zwischenablage in Ihren Browser-Einstellungen und versuchen Sie es erneut. Wenn Sie die Registerkarte während des Kopierens wechseln, wird die Übertragung unterbrochen; halten Sie die Flowstep-Registerkarte im Fokus, bis der Kopiervorgang abgeschlossen ist.
Fügen Sie den Frame auf einer dedizierten Seite „AI imports” in Figma ein, um Ihre Arbeitsdateien organisiert zu halten. Von dort aus können Sie Elemente in Ihr Design-System oder Ihre Komponenten-Bibliothek in Ihrem Tempo verschieben.