Deine Design-Bibliothek verbinden
Verweise den Agenten auf deine Bibliothek, und er übernimmt deine Button-Styles, Farb-Tokens und Abstände – damit jede Tabelle von Anfang an zu deinem System passt.
Dein KI-Preistabellen-Generator direkt auf der Arbeitsfläche
Sag dem Figma-Agenten, welche Preisstufen du brauchst, und er erstellt eine Preistabelle mit deinen echten Komponenten und Styles – direkt in Figma Design. Keine Vorlagen zum Anpassen, keine separaten Tools, die du verwalten musst.
Gemeinsam schneller Preisseiten bauen
Von der ersten Exploration bis zur finalen Übergabe – Preistabellen, die deine echten Tokens nutzen und mit deinem Team synchron bleiben.
Layouts in höherer Detailtreue erkunden
Der Figma-Agent erstellt Preistabellen mit deinen echten Komponenten, Farben und Schriftstilen – keine Platzhalter-Boxen, die du später neu bauen musst. Erkunde Layouts mit drei Stufen, Feature-Vergleich und Toggle in einem einzigen Prompt.
Weniger Fleißarbeit, mehr Fokus
Überspringe die manuelle Einrichtung von Spalten, Feature-Zeilen und Badge-Styling. Beschreibe deine Stufen, und lass den Agenten die Struktur aufbauen, damit du dich auf Positionierung und Preisentscheidungen konzentrieren kannst, die wirklich zählen.
Dein Team abstimmen, ohne etwas zu verlieren
Jede Tabelle landet in eurer gemeinsamen Datei, bereit für Feedback. Stakeholder sehen das echte Design – keinen Screenshot – und Entwickler können Tokens sofort prüfen. Beim Export geht nichts verloren.
Die Funktionen hinter den Tabellen
Ein genauerer Blick darauf, was den Figma-Agenten auszeichnet – entwickelt für die Art, wie Design-Teams wirklich arbeiten.
Paralleles Prompten
Führe mehrere Prompts gleichzeitig aus, um horizontale Layouts, vertikale Karten und Feature-Vergleichsraster zu erkunden – ohne zu warten, bis einer davon fertig ist.
Teilbare Threads
Teile einen Thread, und dein Team sieht den vollständigen Prompt, den Kontext und die Iterationen hinter der Tabelle. Keine Übergaben per Screenshot, keine verlorene Begründung.
Workflows in Fähigkeiten verwandeln
Verpacke deine besten Preistabellen-Prompts in wiederverwendbare Befehle, die dein Team ausführen kann, wann immer eine neue Seite eine Tabelle braucht.
Figma fühlt sich an wie eine natürliche Verlängerung meiner Hand. Ich entwickle meine Design-Ideen auf der Arbeitsfläche, und jetzt übernimmt der Agent die letzte Etappe. Mit meinen verbundenen Design-Bibliotheken komme ich schneller vom Design zum Code als je zuvor.
Andy Madrick
Product Designer bei Notion
Mit dem Figma-Agenten starten
Agent öffnen
Wähle Agents in der linken Seitenleiste, oder drücke CMD + Enter. Füge einen Frame auf deiner Arbeitsfläche hinzu, um darin zu arbeiten.
Deine Preisstufen beschreiben
Sag dem Agenten, wie viele Stufen du brauchst, welche Features hervorgehoben werden sollen, und verweise ihn auf deine Design-Bibliothek, damit er deine echten Komponenten nutzt.
Auf der Arbeitsfläche prüfen
Prüfe die generierte Tabelle. Verfeinere im selben Thread oder starte einen parallelen, um eine andere Layout-Richtung zu erkunden.
Weiter iterieren
Prompte erneut, um Feature-Zeilen, Toggle-Zustände oder Hervorhebungsstile anzupassen – oder verfeinere von Hand. Alles bleibt bearbeitbar.
Zum Agenten-Profi werden
Der Design-Agent von Figma ist da
Mehr erfahrenSieh dir Figmas KI-Agenten in Aktion an und erfahre, wie du ihn in deinen eigenen Workflows einsetzen kannst.
Mit dem Figma-Agenten arbeiten
LoslegenEin praxisnaher Spielplatz, um die Fähigkeiten des Figma-Agenten zu erkunden – von Massenbearbeitungen bis zur Umsetzung von Feedback – mit integrierter Schritt-für-Schritt-Anleitung.
So nutzt du den Figma-Agenten in deinen Design-Workflows
Jetzt ansehenLerne mit einem Schritt-für-Schritt-Tutorial vom Figma-Team, wie du den Figma-Agenten in deinen Design-Workflows einsetzt.
FAQ
Ein KI-Preistabellen-Generator nutzt Prompts in natürlicher Sprache, um strukturierte Preislayouts zu erstellen – Spalten, Feature-Zeilen, Badges und CTAs – ganz ohne manuelle Einrichtung. Der Figma-Agent erstellt die Tabellen direkt auf deiner Arbeitsfläche mit deinen bestehenden Komponenten und Styles, sodass du von einer fertigen Grundlage statt von einem leeren Frame startest.
Öffne den Figma-Agenten über die linke Seitenleiste oder drücke CMD + Enter. Beschreibe die Stufen, die du brauchst, die Features, die enthalten sein sollen, und den Layout-Stil, den du dir vorstellst. Der Agent generiert eine vollständig bearbeitbare Preistabelle auf deiner Arbeitsfläche mit deiner Design-Bibliothek, bereit zum Verfeinern oder zur Übergabe.
Starke Preistabellen unterscheiden Stufen klar, heben die beliebteste Option hervor, listen Features übersichtlich auf und nutzen einheitliche CTAs. Der Figma-Agent kann all diese Elemente mit deinen echten Buttons, Farben und Schriftstilen aufbauen – sodass du dich auf Inhalt und Positionierung konzentrieren kannst statt auf die Layout-Mechanik.
Ja. Jede vom Agenten erstellte Tabelle landet auf deiner Arbeitsfläche als vollständig bearbeitbare Ebenen, verknüpft mit deinem Design System. Du kannst Abstände anpassen, Komponenten austauschen, Text umschreiben oder erneut prompten, um zu iterieren – nichts wird plattgedrückt oder eingeschlossen.
Der Figma-Agent ist in allen kostenpflichtigen Figma-Plänen verfügbar. Du findest ihn in der linken Seitenleiste in Figma Design. Während der aktuellen offenen Beta-Phase verbraucht er keine KI-Credits – der perfekte Zeitpunkt also, um ihn auszuprobieren, zu experimentieren und uns dein Feedback zu geben.
Schneller entwickeln mit dem Figma-Agenten