Hast du was drauf? Mach den Figma-Agenten zu einem besseren Teamplayer

Jedes Team hat seine eigene Arbeitsweise.

Vielleicht ist es die Art, wie du Produktnamen großschreibst, die Art, wie dein PM die Spezifikationen formatiert, oder der Prompt, auf den dein Team beim Design-Feedback schwört. Diese sind die Workflows, auf die sich alle verlassen – einfach zu benutzen, schwer zu erklären, und oft in jemandes Kopf.

Da kommen Fähigkeiten ins Spiel. Eine Fähigkeit ist ein wiederverwendbarer Satz von Anweisungen, die in einfachem Englisch verfasst sind und die du dem Figma-Agenten einmal beibringen und in jedem Chat mit einem Schrägstrich (/) auslösen kannst. Anstatt immer wieder denselben Prompt neu zu schreiben oder denselben Vorgang erneut zu erklären, kannst du eine Fähigkeit für dein Team oder deine Organisation veröffentlichen, damit der Agent sie nutzen kann.

Seit dem Launch der Fähigkeiten im Figma-Agenten auf der Config haben wir unsere eigenen Fähigkeiten eingesetzt. Hier ist, was wir gelernt haben und wie der Einsatz in der Praxis aussieht.

Eine zweite Meinung auf Abruf

Fähigkeiten können dir helfen, die Arbeit aus einem anderen Blickwinkel zu betrachten. Sie können eine Idee vorantreiben, dir helfen, bessere Fragen zu stellen, oder einen Entwurf aus einer bestimmten Perspektive kritisieren. Außerdem können sie Teams dabei helfen, gemeinsame Standards anzuwenden und einzuhalten – von Richtlinien für UX-Texte über Barrierefreiheitsprüfungen bis hin zu Produktprinzipien. Hier sind ein paar Tipps, wie wir neue Fähigkeiten entwickelt haben, um unsere Arbeit voranzubringen:

• Feedback-Stil einer bestimmten Person simulieren: Gib dem Agenten Beispiele dafür, wie jemand dir Feedback gibt – öffentliche Kommentare, frühere Kritik, Notizen in einer Datei – und Prompt den Agenten, diese Fähigkeit auf deine Arbeit anzuwenden. Wir haben auf Grundlage der Anmerkungen unseres CEOs Dylan ein solches Tool entwickelt, damit Designer*innen ihre Arbeit auf Herz und Nieren prüfen können, bevor sie eine Bewertung durchlaufen.
• UX-Schreibstandards einhalten: Gib dem Agenten deinen Styleguide, damit er in einem ersten Durchgang Unstimmigkeiten aufspüren kann. Das UX-Writing-Team von Figma hat eine Vorlage erstellt, die unseren Standards für Groß- und Kleinschreibung, Zeichensetzung und mehr entspricht, damit sich unsere Autor*innen auf das Wesentliche konzentrieren können.
• Perspektive neuer Benutzer*innen: Führe eine Skill-Sitzung durch, um die Erfahrung von Erstbenutzer*innen nachzuvollziehen und so Reibungspunkte und fehlende Zusammenhänge aufzudecken, die für diejenigen, die das Produkt genau kennen (z. B. die Produktdesigner*innen), oft nicht sichtbar sind.

Einmal entwickeln, überall nutzen

Manche Fähigkeiten erleichtern die Wiederholung von Teamritualen. Sie können dabei helfen, neue Teamkollegen einzuarbeiten, Projekträume vorzubereiten oder neuen Projekten eine einheitliche Ausgangsbasis zu geben. Das Prinzip ist ganz einfach: Wenn dein Team etwas jedes Mal auf dieselbe Weise macht, lohnt es sich wahrscheinlich, daraus eine Fertigkeit zu machen. Hier sind ein paar, die einen Versuch wert sind:

• Ein „Catch-me-up“: Fasst die jüngsten Aktivitäten in einer Datei oder einem Projekt zusammen, damit sich jeder, der nach einer Pause wieder einsteigt, schnell auf den neuesten Stand bringen kann, ohne sich durch Kommentar-Threads wühlen zu müssen.
• Eine Checkliste zur Vorbereitung auf die Kritikrunde: Der Agent befragt dich zu deinem Projekt, um Hintergrundinformationen wie die Zielgruppe, den Arbeitsumfang und das Publikum der Kritikrunde zu sammeln, und erstellt dann eine Seite für die Kritikrunde mit Prompts für die Diskussion. Wir haben uns die Fähigkeit angeeignet, bei Recherchen auf die Best Practices der Nielsen Norman Group zurückzugreifen, um sicherzustellen, dass die Diskussionsfragen zu tiefergehenden Gesprächen führen.
• Eine Zusammenfassung der Kritik: Nimmt das Feedback aus einer Kritik auf und fasst es thematisch geordnet in einem Folgeplan zusammen, einschließlich getroffener Entscheidungen, zu erledigender Aufgaben und zurückgestellter Punkte. Unsere Version dieser Funktion erstellt eine Zusammenfassungskarte, die auf der Arbeitsfläche angezeigt wird oder in einen Slack-Thread eingefügt werden kann, damit nichts verloren geht und die Informationen nach dem Meeting an die richtigen Stellen weitergeleitet werden.

Den Zusammenhang herstellen

Fähigkeiten funktionieren sowohl mit dem Figma-Agenten als auch mit Figma Make, sodass derselbe wiederverwendbare Workflow immer verfügbar ist, wo immer du arbeitest. Mit Verbindern können Fähigkeiten auch Kontext aus den Tools abrufen, die dein Team bereits verwendet – Informationen einbringen, Entscheidungen protokollieren oder externe Systeme aktualisieren, ohne manuelle Übergaben. Und bald werden Figma-Fähigkeiten über den MCP-Server von MCP-Figma verfügbar sein, sodass du sie von jedem MCP-kompatiblen Client aus nutzen kannst, um die Workflows, die du in Figma erstellst, über Figma hinaus zu erweitern. Ein paar Möglichkeiten, wie du dein Toolkit verbinden kannst:

• Feedback erfassen und nachverfolgen: Nach einer Überprüfung können Kommentare und Rückmeldungen zu einer Funktion in Aufgaben in deinem Projektmanagement-Tool umgewandelt werden, damit zwischen Design und Entwicklung nichts unter den Tisch fällt.
• Bring die Recherche ins Spiel: Eine Funktion kann relevante Erkenntnisse über Benutzer*innen aus deinen Recherche-Bibliotheken wie HeyMarvin oder Notion abrufen und Belege hervorheben, um ein Design zu untermauern.
• Untermauere einen Ansatz mit Daten: Wenn du einer Fähigkeit die richtige Datenquelle zur Verfügung stellst, kann sie relevante Zahlen abrufen, um einen Designansatz zu untermauern, die Argumentation zu schärfen oder eine Behauptung auf ihre Richtigkeit zu überprüfen, bevor sie an die Stakeholder*innen weitergeleitet wird.

Eine unserer besten Neuerungen beim Figma-Agenten ist, dass Chats in gemeinsamen Dateien jetzt standardmäßig freigegeben werden. Anstatt dass die Arbeit der Agenten im Hintergrund abläuft, kannst du sehen, wie deine Teamkollegen Probleme angehen, welche Fähigkeiten sie einsetzen und wie sie vorgehen, um ans Ziel zu kommen.

Das verändert, wie Menschen lernen. Anstatt zu fragen: „Wie hast du das gemacht?“, kannst du den Chat öffnen, der Argumentation folgen und den Ansatz bei deiner eigenen Arbeit ausprobieren.

Die Erweiterung des Kontextes und der Kreativität deines Teams ist jetzt einfacher denn je – erfahre in unserem Hilfe-Center mehr darüber, wie du deine eigenen Fähigkeiten erstellen kannst.

Der Design-Agent von Figma ist als offene Beta-Version für Benutzer*innen mit Full-Lizenz in Professional-, Organization- und Enterprise-Abos verfügbar. Nutzer*innen mit Collab-, Dev- und View-Lizenzen können den Agenten in ihren Entwürfen verwenden. Der Agent ist in der Beta-Version kostenlos nutzbar. Experimentiere mit dem Agent in der Testumgebungsdatei oder lerne praktische Möglichkeiten kennen, wie du KI in deinen Design-Workflow integrieren kannst.