Zu Hauptinhalten gehen

Dein KI-Ebenen-Namensgeber direkt auf der Arbeitsfläche

Der Figma-Agent benennt unordentliche Ebenen in deiner gesamten Datei um – Frames, Komponenten, Varianten – direkt auf der Arbeitsfläche. Beschreibe, was du willst, und sieh zu, wie deine Datei in Sekunden lesbar wird.

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

Endlich Ebenennamen, die Sinn ergeben

Eine saubere, einheitliche Benennung hilft deinem ganzen Team, schneller voranzukommen – und du musst es jetzt nicht mehr von Hand machen.

Figma-Arbeitsfläche zeigt ein von KI generiertes Designlayout, das erkundet wirdFigma-Arbeitsfläche zeigt ein von KI generiertes Designlayout, das erkundet wird

Weniger Fleißarbeit, mehr Fokus

Gib die mühsame Arbeit des Ebenen-Umbenennens ab – eine nach der anderen, Frame für Frame – und konzentriere dich auf die Designentscheidungen, die wirklich zählen. Der Agent übernimmt die Aufräumarbeit, damit du weiterbauen kannst.

Figma-KI-Agenten-Panel zeigt eine Massenbearbeitung, die auf ein Design angewendet wirdFigma-KI-Agenten-Panel zeigt eine Massenbearbeitung, die auf ein Design angewendet wird

Umbenennen im großen Maßstab, nicht einzeln

Wähle einen Frame, eine Seite oder deine gesamte Datei aus und beschreibe deine Namenskonvention. Der Agent wendet sie einheitlich auf Hunderte von Ebenen an, damit deine Datei organisiert bleibt – ganz ohne die sich wiederholenden Klicks.

Figma-KI-Agenten-Panel zeigt, wie Team-Feedback in ein Design integriert wirdFigma-KI-Agenten-Panel zeigt, wie Team-Feedback in ein Design integriert wird

Dein Team auf die Struktur ausgerichtet halten

Klare Ebenennamen bedeuten schnellere Übergaben. Entwickler finden, was sie brauchen, Designer bauen auf der Arbeit der anderen auf, ohne raten zu müssen, und niemand verschwendet Zeit damit, kryptische Namen wie „Frame 847“ zu entziffern.

Die Funktionen hinter saubereren Dateien

Ein genauerer Blick darauf, was den Figma-Agenten auszeichnet – entwickelt für die Art, wie Design-Teams wirklich arbeiten.

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

    Beschreibe deine Namenskonvention

    Sag dem Agenten, wie die Ebenen benannt werden sollen – nach Funktion, nach Hierarchie, nach Komponententyp – und er wendet deine Logik auf die gesamte Auswahl an.

  • Screenshot von mehreren gleichzeitigen KI-Design-Prompts in FigmaScreenshot von mehreren gleichzeitigen KI-Design-Prompts in Figma

    Im Batch umbenennen mit einem Prompt

    Wähle mehrere Frames oder eine ganze Seite aus. Der Agent benennt alles auf einmal um, sodass du nicht jede Ebene einzeln anklicken musst.

  • Screenshot eines geteilten Figma-KI-Konversationsthreads mit DesignkommentarenScreenshot eines geteilten Figma-KI-Konversationsthreads mit Designkommentaren

    Mit Folge-Prompts verfeinern

    Die Benennung nicht ganz richtig? Passe sie im selben Thread an – ‚mach diese Namen kürzer' oder ‚füge den Komponententyp hinzu' – ohne von vorne anzufangen.

  • Screenshot zeigt Figma-KI-Agenten-Fähigkeiten zur Automatisierung von Design-WorkflowsScreenshot zeigt Figma-KI-Agenten-Fähigkeiten zur Automatisierung von Design-Workflows

    Teilbare Threads

    Teile einen Thread, und dein Team sieht den vollständigen Prompt und die Namenslogik. Alle bleiben bei der Dateistruktur auf dem gleichen Stand, ganz ohne separaten Styleguide.

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

Notion-Logo

Mit dem Figma-Agenten starten

  • Ebenen zum Umbenennen auswählen

    Öffne deine Datei in Figma Design. Wähle die Ebenen, Frames oder Komponenten aus, die du umbenennen möchtest – oder wähle eine ganze Seite aus.

  • Deine Konvention beschreiben

    Sag dem Agenten, wie die Ebenen benannt werden sollen. Sei konkret: ‚benenne nach Komponententyp und Zustand' oder ‚verwende camelCase mit der Funktion zuerst'.

  • Umbenannte Ebenen überprüfen

    Prüfe die aktualisierten Namen in deinem Ebenen-Panel. Verfeinere im selben Thread, falls etwas angepasst werden muss.

  • Deine Datei organisiert halten

    Starte den Agenten erneut, wenn deine Datei wächst. Eine einheitliche Benennung bleibt leicht zu pflegen – einmal prompten, überall anwenden.

Zum Agenten-Profi werden

  • Der Design-Agent von Figma ist da

    Sieh dir Figmas KI-Agenten in Aktion an und erfahre, wie du ihn in deinen eigenen Workflows einsetzen kannst.

    Mehr erfahren
  • Figma-Agenten-Spielplatz-Intro-Bildschirm mit einem 'Start'-Button und einem Beispiel-Chat-Prompt: 'Hey Figma, kannst du verschiedene Layouts für meine Lese-App erstellen?'Figma-Agenten-Spielplatz-Intro-Bildschirm mit einem 'Start'-Button und einem Beispiel-Chat-Prompt: 'Hey Figma, kannst du verschiedene Layouts für meine Lese-App erstellen?'

    Mit dem Figma-Agenten arbeiten

    Ein 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.

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

    Lerne mit einem Schritt-für-Schritt-Tutorial vom Figma-Team, wie du den Figma-Agenten in deinen Design-Workflows einsetzt.

    Jetzt ansehen

FAQ

Ein KI-Ebenen-Namensgeber benennt Ebenen in deiner Design-Datei automatisch um – basierend auf ihrem Inhalt, ihrer Funktion oder einer Namenskonvention, die du beschreibst. Der Figma-Agent macht das direkt auf der Arbeitsfläche: Wähle deine Ebenen aus, beschreibe, wie sie benannt werden sollen, und der Agent wendet einheitliche Namen auf deine gesamte Auswahl an. Kein manuelles Umbenennen nötig.

Der Figma-Agent analysiert die ausgewählten Ebenen und vergibt Namen basierend auf deinem Prompt. Du kannst ihn bitten, nach Komponententyp, nach Hierarchie, oder nach einer bestimmten Konvention wie camelCase zu benennen. Der Agent verarbeitet deine Auswahl und benennt Ebenen in großem Umfang um, wobei alles bearbeitbar bleibt, damit du bei Bedarf von Hand nachjustieren kannst.

Klare Ebenennamen machen Dateien einfacher zu navigieren – für dich und dein Team. Entwickler finden die richtigen Elemente bei der Übergabe, andere Designer können auf deiner Arbeit aufbauen, ohne raten zu müssen, und du verschwendest weniger Zeit mit der Suche nach „Rectangle 12“. Eine einheitliche Benennung hilft auch, wenn du ein Design System skalierst oder neue Teammitglieder einarbeitest.

Mit dem Figma-Agenten wählst du die Ebenen aus, die du umbenennen möchtest – ob nur ein paar Frames oder eine ganze Seite – und beschreibst deine Namenskonvention in einem Prompt. Der Agent benennt alles auf einmal um. Du kannst mit Folge-Prompts nachbessern, falls der erste Durchgang angepasst werden muss, alles im selben Thread.

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.