Mit einer Designbibliothek verbinden
Verweisen Sie den Agenten auf Ihre Designbibliothek, damit jede Schaltfläche Ihre echten Komponenten, Token und Variablen verwendet – bereit für die Produktion, keine Platzhalter.
Erstelle Schaltflächen, die zu deinem Designsystem passen
Erstelle Schaltflächenvarianten, erkunden Sie Stile und erstelle Komponentenbibliotheken mit KI – direkt in Figma Design. Verwende deine echten Token und Komponenten, nicht Platzhalter-UI, die neu erstellt werden muss.
Erkunde Schaltflächendesigns schneller als je zuvor
Erstelle produktionsreife Schaltflächen auf deiner Arbeitsfläche mithilfe der Komponenten, Token und Stile, die dein Team bereits nutzt.
Mit deinem Designsystem generieren
Der Agent von Figma erstellt Schaltflächen unter Verwendung deiner echten Komponenten, Farb-Token und Typografiestile. Jede Variante entspricht von Anfang an deinem System – keine Platzhalter-UI, die du neu erstellen oder nachträglich umgestalten musst.
Entdecke mehr Richtungen auf einmal
Erzeuge Sie mehrere Schaltflächenstile, -größen und -zustände parallel. Vergleiche primäre, sekundäre und tertiäre Varianten nebeneinander, ohne darauf zu warten, dass eine abgeschlossen ist, bevor du mit der nächsten beginnst.
Sorge dafür, dass dein Team zusammenhält
Jede generierte Schaltfläche befindet sich in derselben Datei, in der dein Team arbeitet. Designer*innen, Entwickler*innen und Stakeholder sehen das gleiche Ergebnis und können sofort darauf aufbauen.
Die Funktionen hinter der Schaltflächengenerierung
Erfahre mehr darüber, was den Agenten von Figma auszeichnet, der für die tatsächliche Arbeitsweise von Designteams optimiert ist.
Prompts parallel ausführen
Erzeuge mehrere Schaltflächenoptionen gleichzeitig. Erkunde verschiedene Stile, Zustände und Größen, ohne auf die Fertigstellung eines Prompts zu warten.
Teilbare Threads
Teile einen Thread, damit dein Team den vollständigen Prompt, den Kontext und den gesamten Entwicklungsverlauf sieht. Kein separates Handoff und keine Erklärung nötig.
Workflows als Skills verpacken
Verwandele deine Prompts zum Generieren von Schaltfläche in wiederverwendbare Skills. Führe sie immer dann mit einem schnellen Befehl aus, wenn du konsistente Ergebnisse benötigst.
Figma fühlt sich an wie eine natürliche Verlängerung meiner Hand. Ich entwickle meine Designideen auf der Arbeitsfläche, und jetzt bringt der Agent das Ganze über die Ziellinie. Mit meinen verbundenen Designbibliotheken kann ich schneller denn je vom Design zum Code übergehen.
Andy Madrick
Produktdesigner, Notion
Erste Schritte mit dem Figma-Agenten
Öffne den Agenten
Wähle „Agenten“ in der linken Seitenleiste aus oder drücke CMD+Eingabetaste. Füge deiner Arbeitsfläche einen Frame hinzu, um darin zu arbeiten.
Beschreibe die Schaltfläche
Sage dem Agenten, was du benötigst – primäre Schaltfläche, Icon-Schaltfläche, Ladezustand. Verweisen ihn auf deine Designbibliothek, damit er deine echten Stile verwendet.
Überprüfung auf der Arbeitsfläche
Sieh dir die generierten Schaltflächen auf deiner Arbeitsfläche an. Verfeinere im gleichen Thread oder eröffne einen parallelen, um eine andere Richtung zu verfolgen.
Weiter iterieren
Prompte erneut, um Größen, Zustände oder Stile anzupassen. Wenn du den Workflow einmal optimiert hast, wandele ihn in einen wiederverwendbaren Skill um.
Werde Expert*in für Agenten
Der Design-Agent von Figma ist da
WeiterlesenSieh dir den KI-Agenten von Figma in Aktion an und erfahre, wie du ihn in deine eigenen Workflows integrieren kannst.
Mit dem Figma-Agenten arbeiten
LoslegenEine interaktive Testumgebung, in der du die Funktionen des Figma-Agenten erkunden kannst – von Massenbearbeitungen bis hin zur Umsetzung von Feedback –, mit einer direkt integrierten Schritt-für-Schritt-Anleitung.
So nutzt du den Figma-Agenten in deinen Design-Workflows
Jetzt ansehenErfahre in einem Schritt-für-Schritt-Tutorial vom Figma-Team, wie du den Figma-Agenten in deinen Design-Workflows einsetzen kannst.
FAQ
Ein KI-Schaltflächengenerator erstellt Schaltflächendesigns aus Texteingaben, damit du Stile, Größen und Zustände schneller als beim manuellen Erstellen erkunden kannst. Der Agent von Figma generiert Schaltflächen direkt auf deiner Arbeitsfläche unter Verwendung deines Designsystems, sodass die Ergebnisse von Anfang an produktionsbereit sind.
Du beschreibst die gewünschte Schaltfläche – eine primäre Schaltfläche mit einem Icon, eine sekundäre Variante, einen Ladezustand – und die KI erstellt sie auf deiner Arbeitsfläche. Der Agent von Figma bezieht sich auf deine verbundene Designbibliothek und nutzt deine echten Token, Komponenten und Stile, um Schaltflächen zu generieren, die zu deinem System passen.
Ja. Der Agent von Figma ermöglicht es dir, genau zu beschreiben, was du benötigst, und erstellt benutzerdefinierte Schaltflächen auf deiner Arbeitsfläche. Du kannst Stile, Größen, Zustände und Icons angeben. Alles bleibt vollständig editierbar, sodass du manuell oder durch Prompts feinabstimmen kannst, bis die Schaltfläche genau richtig ist.
Auf jeden Fall. Vom Agenten von Figma generierte Schaltflächen gelangen als vollständig bearbeitbare Ebenen und Komponenten auf deine Arbeitsfläche. Du kannst Farben, Typografie, Abstände und Zustände manuell oder mithilfe von weiteren Prompts anpassen. Nichts wird vereinfacht oder gesperrt.
Der Figma-Agent ist in allen kostenpflichtigen Figma-Abos verfügbar. Du findest ihn in der linken Seitenleiste in Figma Design. Während der aktuellen Open Beta werden keine KI-Credits verbraucht – es ist also ein guter Zeitpunkt, um die Funktion zu erkunden, damit zu experimentieren und uns dein Feedback mitzuteilen.
Schneller entwickeln mit dem Figma-Agenten