Verwende First Draft mit Figma AI

Bevor du anfängst

Verfügbar in allen Abos

Erfordert Schreibzugriff

Mit First Draft kannst du in wenigen Minuten Ideen in editierbare Wireframes oder Designs verwandeln. So kannst du schnell ein breiteres Spektrum an Designmöglichkeiten erkunden und den Aufwand für die Erstellung erster Entwürfe von Grund auf reduzieren.

So funktioniert es

Figma AI verwendet von Figma erstellte Wireframing- und Designbibliotheken als Grundlage für die Erstellung von Designs.

Jede Bibliothek verfügt über eine Reihe von Bausteinen – oder Stacks von Komponenten – die verwendet werden, um das Design auf der Grundlage der von dir gelieferten Beschreibung zusammenzusetzen.

Die Bibliotheken zeichnen sich durch die Generierung von Designs aus, die gängigen Designmustern auf Websites und in mobilen Apps entsprechen. Allerdings kann es sein, dass beim Generieren von Konzepten außerhalb dieser Designrahmen etwas schief geht.

Die folgenden Eingabeaufforderungen erzeugen typischerweise starke Ergebnisse:

• Eine Checkout-Seite für ein Geschäft, das Grills verkauft
• Eine App für die Lieferung von Tierfutter
• Eine Marketing-Website für eine Content-Strategieberatung

Figma AI könnte mit diesen Eingabeaufforderungen Schwierigkeiten haben, da es keine für Websites oder mobile Apps üblichen Designmuster verwendet:

• Ein Buch-Layout für einen Roman
• Eine Einladung zu einer Geburtstagsfeier
• Ein Flyer in Form eines Fisches

Nachdem du ein Design erstellt hast, kannst du mithilfe einer weiteren Eingabeaufforderung oder mit einer Collection von Stilsteuerelementen Änderungen daran vornehmen.

First Draft erstellen

1. Klicke in der Symbolleiste auf Aktionen.
2. Wähle First Draft aus.
3. Klicke bei Bedarf auf Bibliothek zum Erstellen eines Wireframe oder Basisdesigns für eine Website oder mobile App. Wenn du keine Bibliothek auswählst, wählt Figma AI die Bibliothek aus, die am besten zur Eingabeaufforderung passt.
4. Gib eine Eingabeaufforderung ein, etwa: „Eine Preisseite für ein Start-up für Entwicklertools“, oder klicke auf einen der verfügbaren Vorschläge.
5. Klicke auf Erstellen.
6. Klicke unter der Eingabeaufforderung auf die Thumbnails, um eine Vorschau verschiedener Designs anzuzeigen.
7. Wenn du mit dem Design zufrieden bist, schließe das Aktionsmenü. Wenn du sie weiter verfeinern möchtest, klicke auf Änderungen vornehmen.

Änderungen am Design vornehmen

Wenn du auf Änderungen vornehmen klickst, hast du zwei Möglichkeiten, dein Design zu ändern:

• Verwende eine Eingabeaufforderung, um deine Änderungen zu beschreiben
• Verwende die Stilsteuerung, um Farbe, Typografie, Abstand und den Rahmenradius anzupassen

Du kannst zwischen den einzelnen Optionen hin- und herwechseln, während du Änderungen an einem einzelnen Design vornimmst.

Verwende eine Eingabeaufforderung, um das Design anzupassen

Mithilfe einer Eingabeaufforderung kannst du das Thema, den Inhalt oder die Struktur deines Designs ändern. Hier sind einige Beispiele:

Thema

• Verwende ein Wassermelonenthema
• Probiere ein anderes Farbschema aus
• Gestalte es lebendiger

Inhalt

• Ändere das Einstellungssymbol in ein Zahnrad
• Hier geht es eher um Hörbücher als um Podcasts
• Ändere die Namen der Kunden im Abschnitt „Kundenreferenzen“

Struktur

• Füge eine weitere Rubrik unter „Top of the Charts“ mit dem Titel „Trends in Deutschland“ hinzu
• Verschiebe den Abschnitt „Vorgestellt“ unter die Navigationsleiste

Verwende Stilsteuerelemente, um das Theme anzupassen

Mithilfe der Steuerelemente für die Formatierung kannst du die Farbe, den Radius des Rahmens, die Abstände und die Typografie des Designs anpassen.

Farbe

Klicke auf oder , um zwischen dem hellen und dem dunklen Mode zu wechseln. Du kannst auch eine neue Farbe auf das Thema anwenden, indem du eine der voreingestellten Farben auswählst oder auf den Farbkreis klickst, um deine eigene Farbe auszuwählen.

Rahmenradius

Ziehe den Schieberegler, um den Rahmenradius für zulässige Objekte zu vergrößern oder zu verkleinern.

Abstand

Ziehe den Schieberegler, um den Abstand zwischen den Elementen zu vergrößern oder zu verringern.

Schriftarten

Klicke auf Titel, Text oder Beschriftung, um eine Gruppe von Textelementen auszuwählen, die geändert werden sollen. Klicke dann auf eine neue Schriftart, um sie im Design in der Vorschau anzuzeigen.