Zu Hauptinhalten gehen

KI Bildbearbeitung direkt in deinem Canvas

Hintergründe entfernen, Objekte austauschen, Details retuschieren und Grafiken mit KI verfeinern – direkt in Figma Design. Kein Hin- und Her zwischen einem separaten Editor, kein Unterbrechen deines Flows.

  • AirBnb
  • Atlassian
  • Dropbox
  • Duolingo
  • GitHub
  • Microsoft
  • Netflix
  • The New York Times
  • Pentagram
  • Slack
  • Stripe
  • Zoom

Bearbeite dein Design dort, wo es bereits gespeichert ist

Der Figma-Agent ermöglicht es dir, Fotos mit KI zu bearbeiten und Grafiken direkt auf der Arbeitsfläche zu korrigieren, verfeinern und neu zu gestalten – ohne Umwege über ein externes Tool.

Figma-Arbeitsfläche mit einem KI-generierten Design im Food-/Rezept-Layout und einer Chat-Sprechblase mit dem Prompt „Erstelle eine Landingpage mit meinem Design“Figma-Arbeitsfläche mit einem KI-generierten Design im Food-/Rezept-Layout und einer Chat-Sprechblase mit dem Prompt „Erstelle eine Landingpage mit meinem Design“

Verzichte auf unnötige Arbeit, bleib im Flow

Überlass die sich wiederholenden Bearbeitungsschritte – Hintergrundentfernung, Objektbereinigung, Retusche im Stapelverfahren – anderen und konzentriere dich auf die Designentscheidungen, die wirklich zählen.

Figma-KI-Agenten-Chat-Oberfläche mit einem Farbschema-Umschalter, bei dem der Dunkelmodus auf ein Designsystem angewendet wurdeFigma-KI-Agenten-Chat-Oberfläche mit einem Farbschema-Umschalter, bei dem der Dunkelmodus auf ein Designsystem angewendet wurde

Vollständig bearbeitbar

Jede Bearbeitung erscheint auf deiner Arbeitsfläche als bearbeitbare Ebene, sodass du sie von Hand weiter verfeinern kannst – nichts wird zusammengefasst oder gesperrt.

Figma-KI-Agenten-Panel, das eine Unterhaltung in der Doprand-Lese-App mit Design-Feedback und Aufgabenvorschlägen zeigtFigma-KI-Agenten-Panel, das eine Unterhaltung in der Doprand-Lese-App mit Design-Feedback und Aufgabenvorschlägen zeigt

Sorg dafür, dass dein Team im Gleichschritt bleibt

Änderungen werden direkt in derselben Datei vorgenommen, an der dein Team arbeitet, sodass jeder die aktuellste Version sieht und sofort darauf aufbauen kann. Nichts geht bei einem Export verloren.

Die Funktionen hinter dem Agenten

Erfahre mehr darüber, was den Agenten von Figma auszeichnet, der für die tatsächliche Arbeitsweise von Designteams optimiert ist.

  • Screenshot, der zeigt, wie der Figma-KI-Agent mit einer Komponentenbibliothek verbunden ist und Markentoken automatisch auf ein Design anwendetScreenshot, der zeigt, wie der Figma-KI-Agent mit einer Komponentenbibliothek verbunden ist und Markentoken automatisch auf ein Design anwendet

    Verbindung mit einer Designbibliothek

    Erstelle und verfeinere deine Inhalte anhand deiner tatsächlichen Komponenten, Token und Variablen – und nicht anhand von Platzhaltern in der Benutzeroberfläche, die du später wieder austauschen musst.

  • Screenshot von mehreren gleichzeitig laufenden KI-Design-Prompts in FigmaScreenshot von mehreren gleichzeitig laufenden KI-Design-Prompts in Figma

    Paralleles Prompting

    Führe mehrere Prompts gleichzeitig aus, damit du die Anweisungen parallel auswerten kannst und nicht dadurch Zeit verlierst, dass jede einzelne nacheinander abgearbeitet werden muss.

  • Screenshot einer geteilten Figma-KI-Diskussion mit Design-KommentarenScreenshot einer geteilten Figma-KI-Diskussion mit Design-Kommentaren

    Teilbare Threads

    Teile einen Thread, damit dein Team den vollständigen Prompt, den Kontext und den gesamten Entwicklungsverlauf hinter jedem Entwurf sieht. Keine separate Übergabe erforderlich.

  • Screenshot mit den Skill-Optionen des Figma-KI-Agenten zur Automatisierung von Design-WorkflowsScreenshot mit den Skill-Optionen des Figma-KI-Agenten zur Automatisierung von Design-Workflows

    Skills

    Fasse die Workflows und Konventionen deines Teams in wiederverwendbare Slash-Befehle zusammen, die jeder bei Bedarf ausführen kann.

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

Notion-Logo

Erste Schritte mit dem Figma-Agenten

  • Schritt 1: Füge dein Bild hinzu

    Zieh das Bild, das du bearbeiten möchtest, auf deine Arbeitsfläche in Figma Design, oder wähle eines aus, das sich bereits in deiner Datei befindet.

  • Schritt 2: Beschreibe die Änderung

    Sag dem Agenten, was geändert werden soll – den Hintergrund entfernen, ein Objekt austauschen, ein Detail retuschieren. Wenn du mehr Kontext geben willst, füge einfach Bilder, PDFs oder Textdateien ein oder erwähne eine andere Figma-Datei mit @, um darauf zu verweisen.

  • Schritt 3: Überprüfe das Ergebnis

    Überprüfe die Bearbeitung auf deiner Arbeitsfläche. Noch nicht ganz? Arbeite im selben Thread weiter oder probier mal eine andere Richtung in einem parallelen Thread aus.

  • Schritt 4: Weiter verfeinern oder automatisieren

    Zufrieden mit dem Ergebnis? Mach aus dem Workflow eine wiederverwendbare Funktion, damit der Agent ihn beim nächsten Mal genauso ausführen kann – ohne die Eingabeanweisungen jedes Mal von vorne eingeben zu müssen.

Werde Expert*in für Agenten

  • Der Design-Agent von Figma ist da

    Schau dir den KI-Agenten von Figma in Aktion an und erfahre, wie du ihn in deine eigenen Arbeitsabläufe integrieren kannst.

    Weiterlesen
  • Einführungsbildschirm der Testumgebung des Figma-Agenten mit einer „Start“-Schaltfläche und einem Beispiel-Chat-Prompt: „Hey Figma, kannst du verschiedene Layouts für meine Lese-App erstellen?“Einführungsbildschirm der Testumgebung des Figma-Agenten mit einer „Start“-Schaltfläche und einem Beispiel-Chat-Prompt: „Hey Figma, kannst du verschiedene Layouts für meine Lese-App erstellen?“

    Mit dem Figma-Agenten arbeiten

    Ein interaktiver Spielplatz, auf dem 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.

    Loslegen
  • So nutzt du den Figma-Agenten in deinen Design-Workflows

    Erfahre in einem Schritt-für-Schritt-Tutorial vom Figma-Team, wie du den Figma-Agenten in deinen Design-Workflows einsetzen kannst.

    Jetzt ansehen

FAQ

KI-gestützte Bildbearbeitung automatisiert zeitaufwändige Aufgaben wie Hintergrund entfernen, Objekte austauschen oder löschen, Details retuschieren und anhand eines Prompts neue Bilder generieren. Mit dem Figma-Agenten kannst du das direkt auf deiner Arbeitsfläche in Figma Design erledigen – weniger Hin und Her, mehr Gestalten.

KI eignet sich gut für sich wiederholende, zeitaufwendige Aufgaben, aber für die beste Arbeit braucht es nach wie vor menschliches Urteilsvermögen, Markeninstinkt und ein Gespür fürs Handwerk. Wir haben den Figma-Agenten entwickelt, damit du mehr Ideen ausprobieren und die mühsamen Aufgaben automatisieren kannst – so hast du mehr Zeit für die Entscheidungen, auf die es wirklich ankommt.

Generative KI arbeitet mit Kontext und Wahrscheinlichkeit. Sie kann deine Absicht nicht genau erfassen, daher kann es knifflige Details wie Haaransätze, Reflexionen oder transparente Objekte falsch einschätzen. Die Ausgabe hängt von deinem Prompt, dem Dateikontext und dem Modell ab. Wenn du ein Referenzbild hinzufügst oder deinen Prompt verfeinerst, kommst du dem Ergebnis schon ein Stück näher.

Sie können auf jeden Fall Teil eines soliden Arbeitsablaufs sein, aber es lohnt sich, alles noch einmal von Hand zu überprüfen, bevor etwas endgültig ist – KI kann Details erfinden, anstatt sie originalgetreu wiederzugeben, besonders beim Hochskalieren oder Ausfüllen. Die Nutzung deiner Daten durch Figma unterliegt unseren Kundenvereinbarungen, und du kannst in deinen Kontoeinstellungen festlegen, ob deine Inhalte zum Trainieren unserer Modelle verwendet werden sollen.

Der Figma-Agent ist in allen kostenpflichtigen Figma-Abos verfügbar. Du findest es in der linken Navigationsleiste 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.