Wer diese Funktion verwenden kann
Benutzer*innen mit diesen Abos: Starter, Professional, Bildung (nicht sekundärer Bildungsbereich), Organization und Enterprise
Erfordert Bearbeitungszugriff auf die Datei
Der Figma-Agent und Figma Make können über das Model Context Protocol (MCP) eine Verbindung zu externen Tools herstellen, sodass du Dokumente, Aufgaben und Daten aus anderen Apps als Kontext für deine Designs, Apps und Prototypen arbeiten kannst.
Du kannst Figma Make zum Beispiel mit Notion verbinden, um ein Produktanforderungsdokument (PRD) direkt in den Chat von Figma zu importieren und Make anzuweisen, dieses als Quelle für die Erstellung eines Prototyps zu verwenden. Wenn sich das PRD ändert, führe einfach den Verbinder erneut aus, um den Kontext und den Prototyp zu aktualisieren. Du kannst auch Inhalte (z. B. eine Liste von Akzeptanzkriterien) zurück an Notion übertragen, indem du die Schreibwerkzeuge in den Einstellungen des Verbinders aktivierst.
Was ist der Unterschied zwischen MCP-Verbindern in Figma und dem Figma-MCP-Server?
Wenn du externe Tools im Agenten oder in Figma Make verbindest, fungiert der Verbinder als ein MCP-Client. Der Client ruft Tools ab, die auf einem MCP-Server gehostet werden (z. B. die Notion- oder Asana-Verbinder), um Daten von dieser Quelle zu lesen oder zu schreiben. Basierend auf deinem Prompt entscheidet der Agent, welcher Verbinder und welche Tools verwendet werden sollen.
Im Gegensatz dazu enthält der Figma-MCP-Server eine Liste von Tools, die deine Dateidaten anderen MCP-Clients zur Verfügung stellen.
Verbinder hinzufügen
Jede Person muss die Verbinder, die sie verwenden möchte, hinzufügen und authentifizieren.
Um einen Verbinder hinzuzufügen, musst du dich zuerst authentifizieren. Wenn du zum Beispiel Notion hinzufügst, wähle deinen Workspace aus und genehmige die Zugriffsberechtigungen.
- Klicke im Chat-Fenster auf Kontext hinzufügen.
- Wähle Verbinder.
- Durchsuche die Liste der verfügbaren Verbinder.
- Klicke neben dem Verbinder, den du verwenden möchtest, auf Verbinden.
- Folge den Prompts, um dich über den OAuth-Flow des externen Tools zu authentifizieren.
- Sobald die Verbindung hergestellt ist, klicke auf Kontext hinzufügen, um zu bestätigen, dass der Verbinder in der Liste angezeigt wird.
Tipp: Wenn kein Prompt zur Authentifizierung angezeigt wird, blockiert dein Browser möglicherweise Popups. Überprüfe die Adressleiste deines Browsers auf ein Popup-Blocker-Icon und erlaube Popups für Figma.
Hinweis: Wenn die Option Verbinder im Menü nicht angezeigt wird, wurde diese Funktion möglicherweise von einem*einer Admin für deine Organisation deaktiviert.
Einen Verbinder im Chat verwenden
Wenn ein Verbinder und die zugehörigen Tools für den aktuellen Chat aktiviert sind, kannst du ihn ganz natürlich im Gesprächsverlauf aufrufen.
- Wenn du in deinem Prompt explizit auf einen Verbinder verweisen möchtest, gebe im Chat „@“ ein, um eine Liste der verbundenen Verbinder anzuzeigen. Wähle den gewünschten Verbinder aus, damit er über deiner Nachricht angezeigt wird und der Agent nur diesen Verbinder für die aktuelle Aufgabe verwendet.
- Erstelle einen Prompt, der auf den Verbinder verweist. Kopiere zum Beispiel einen Asana-Link und schreibe „Verwende die Spezifikationen in diesem Projekt, um einen ersten Prototypentwurf zu erstellen“.
- Wenn dein Prompt einen Verbinder benötigt, zeigt der Agent an, welchen Verbinder und welches Tool er aufrufen möchte, und bittet um Zustimmung. Klicke auf Ausführen, um fortzufahren. Du kannst einzelne Tools und deren Berechtigungen über die Verbinder-Einstellungen verwalten.
Wenn sich der ursprüngliche Inhalt ändert, führe den Verbinder einfach erneut aus, um die neuesten Kontexte aufzunehmen.
Wenn für ein Verbinder-Tool „Immer ausführen“ festgelegt ist, können Datei-Downloads fehlschlagen, wenn die Antwort 16 MB überschreitet. Für Textdateien entspricht dies in der Regel einer Dateigröße von bis zu 16 MB. Bilder mit einer Größe von mehr als etwa 5–6 MB können die Grenze überschreiten, da die Bildkodierung die Antwortgröße erhöht. Dies gilt für alle Verbinder im Figma-Agenten und in Figma Make. Wenn das Herunterladen eines großen Bildes fehlschlägt, lege für das Tool „Nach Ausführung fragen“ fest und versuche es erneut.
Derzeit unterstützte Verbinder
Figma unterstützt derzeit eine begrenzte Anzahl geprüfter Verbinder. Diese unterstützten MCP-Server wurden von unserem Team überprüft, um sicherzustellen, dass sie den Sicherheits- und Datenschutzstandards von Figma entsprechen.
Hinweis: Du benötigst ein Konto beim jeweiligen externen Dienst, um den entsprechenden Verbinder verwenden zu können. Die Verfügbarkeit kann von deinem Abo, deiner Lizenz, deiner Rolle und deinem Zugang innerhalb dieses Dienstes abhängen.
Figma unterstützt die folgenden Verbinder:
Tipp: Wenn du eine Verbindung zu einem MCP-Server herstellen musst, der nicht auf dieser Liste steht, kannst du einen eigenen benutzerdefinierten MCP-Verbinder erstellen. Um benutzerdefinierte MCP-Verbinder erstellen zu können, ist ein kostenpflichtiges Abo erforderlich.
Amplitude
- Greife direkt in Figma auf Amplitude-Benutzertrends, -Trichter und -Experimente zu, um Designs und Prototypen mit Produktkontext zu erstellen.
- Erstelle und teste Designvarianten, um die Auswirkungen auf das Benutzerverhalten zu verfolgen.
Asana
- Greife von Figma aus auf Asana-Aufgaben und -Projekte zu, um Fortschritte und Teamprioritäten in Echtzeit zu verfolgen.
- Erstelle und verwalte Asana-Aufgaben, damit Projekte vom Konzept bis zur Fertigstellung abgestimmt bleiben.
Askable
- Greife direkt in Figma auf deine Umfrageergebnisse in Askable zu.
- Frage deine Beweise ab und stelle sicher, dass Prototypen auf dem basieren, was verifizierte Teilnehmer*innen tatsächlich gesagt und getan haben.
Atlassian
- Greife auf Confluence-Seiten und -Dokumentationen zu und bearbeite diese direkt aus Figma, sodass Spezifikationen, Entscheidungen und Designarbeit verbunden bleiben.
- Greife ohne Kontextwechsel auf Jira-Tickets und -Epics zu und erstelle und übertrage sie, damit Teams reibungslos vom Design zur Entwicklung übergehen können.
- Greife auf Compass-Komponenten, -Diensten und -Scorecards zu und erstelle sowie aktualisiere sie, damit Designs und Prototypen mit deinem technischen Ökosystem verbunden bleiben.
Box
- Greife während deines Designprozesses auf Hubs und Inhalte von Box zu und setze dabei die vorhandenen Sicherheits- und Zugriffsrichtlinien von Box durch.
- Erhalte wichtige Erkenntnisse und frage alle deine Inhalte ab, damit deine Prototypen auf deinem Unternehmenskontext basieren.
Contentsquare
- Greife aus Figma auf Contentsquare-Analysen zu, einschließlich User Journeys, Trichter und Seitenmetriken.
- Führe Abfragen dazu durch, wie Benutzer*innen dein Live-Produkt nutzen, damit Designentscheidungen auf realem Verhalten basieren. Der Verbinder ist schreibgeschützt.
Dovetail
- Greife in Figma auf Dovetail-Kundendaten zu, um Designentscheidungen zu treffen.
- Durchsuche deinen Dovetail-Workspace, um relevante Projekte, Daten und Dokumente zu finden.
Google Drive
- Greife direkt von Figma aus auf Dateien in deinem Google Drive zu, damit dein Design und deine Prototypen auf den bestehenden Recherchen, Daten, Bildern oder anderem Kontext deines Teams basieren.
- Erstelle neue Dateien in Google Drive von Figma aus, um Entscheidungen zusammenzufassen und Assets hochzuladen. Dadurch ist es einfacher, die aktuellen Arbeiten deines Team zu teilen.
Hinweis: Der Google Drive-Verbinder ist nicht verfügbar, wenn das Governance+ Add-on verwendet wird.
Granola
- Verbinde Figma mit deinem Sitzungsverlauf in Granola.
- Durchsuche deine Sitzungsnotizen, finde konkrete Themen, die bei vergangenen Sitzungen besprochen wurden, extrahiere Aktionspunkte oder Entscheidungen aus deinen Notizen, beantworte Fragen basierend auf deiner Besprechungshistorie und mehr.
GitHub
- Greife auf öffentliche und private GitHub-Repositorys, Probleme und Pull-Anfragen zu, um die Designarbeit mit deiner Codebasis zu verbinden.
- Erstelle GitHub-Probleme und -PRs und Zusammenfassungen direkt in Figma, damit Designänderungen direkt in Entwicklungsmaßnahmen übertragen werden.
Hex
- Bringe Hex-Dashboards und Daten-Apps ein und stelle Datenfragen über Hex-Threads.
- Integriere Daten in deine Präsentationen, Designs und Whiteboards.
Linear
- Greife von Figma aus auf Linear-Probleme, -Projekte und -Dokumente zu, um Designs und Prototypen mit relevantem Kontext zu erstellen.
- Erstelle und verwalte Linear-Probleme und -Projekte, um deine Designs und Prototypen in geplante Arbeiten umzuwandeln.
Mapbox
- Füge deinem Figma Make-Prototyp eine interaktive Live-Mapbox-Karte hinzu.
- Generiere mit dem Figma-Agenten reale Standorte, die auf dem Mapbox Streets v8-Tileset basieren.
- Passe Stilvorlagen an deine Marke an und prüfe sie auf Barrierefreiheit.
Marvin
- Greife direkt in Figma auf Marvin zu, um deine Designs auf echtem Benutzer-Feedback und echten Daten basieren zu lassen.
- Erstelle Zusammenfassungen von Kundenwissen, damit du souverän entwerfen und Prototypen schneller validieren kannst.
- Erfordert das Marvin Enterprise-Abo und die Rolle „Contributor“ oder „Admin“ in Marvin.
Mobbin
- Ziehe Bildschirme und Muster aus Mobbin in deinen Workflow für Recherche und Referenz.
- Verwende Mobbin-Referenzen und kombiniere diese mit deinem Designsystem, um Designideen zu entwickeln.
- Vergleiche deine Designs in Figma mit den Mobbin-Benchmarks.
monday.com
- Greife von Figma aus auf monday.com-Whiteboards und -Elemente zu, um die Abstimmung mit der Teamplanung und den Prioritäten zu gewährleisten.
- Erstelle und verwalte Aktualisierungen, damit deine Arbeit für jedes Team sichtbar und verbunden bleibt.
Notion
- Greife direkt über Figma auf Notion-Seiten und -Datenbanken zu, um Kontext, Spezifikationen und Notizen in deinen Design-Flow einzubringen.
- Erstelle und aktualisiere Notion-Dokumente, damit deine Designdokumentation organisiert und jederzeit synchronisiert bleibt.
Slack
- Suche und lese Slack-Nachrichten, Threads, Kanäle, Benutzer*innen und Dateien.
- Ergreife Maßnahmen, indem du Nachrichten sendest und Kanäle und Arbeitsflächen erstellst.
Sprig
- Greife innerhalb von Figma auf Kundenumfragen zu, um Designs und Prototypen auf Beweisen basieren zu lassen.
- Erstelle und starte Sprig-Umfragen, um mit Figma erstellte Designs, Konzepte und Prototypen zu testen, und werte die Reaktion der Benutzer*innen aus.
Twilio
- Greife über Figma auf die API-Dokumentation von Twilio zu, um Kommunikationsfunktionen wie Messaging, Voice und Verifizierung in deine Prototypen einzubauen.
- Erstelle präzisen, aktuellen Code für Twilio-APIs, ohne deinen Design-Flow zu verlassen. Der Verbinder bietet API-Wissen; er sendet keine Nachrichten und greift nicht auf deine Kontodaten zu.
Zapier
- Verbinde dich über eine einzige Verbindung mit Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack und über 9.000 weiteren Apps.
- Bringe den Kontext aus deinen Tools direkt in deinen Design- und Prototyp-Workflow. Ziehe dazu ein Anforderungsdokument, eine Tabelle mit echten Daten oder Besprechungszusammenfassungen in Figma. Gehe dann weiter und erstelle Aufgaben, sende Nachrichten und löse von einem einzigen Prompt Workflows für deinen gesamten Tool-Stack aus.
zeroheight
- Erweitere Figma mit Designsystem-Kontext aus deinem zeroheight-Stilhandbuch, um in Sekundenschnelle systeminterne Prototypen zu erstellen.
- Verwende Figma, um deine zeroheight-Dokumente einem Stresstest zu unterziehen. KI-Fehlinterpretationen können auf unklare Anweisungen hinweisen und dir helfen, Verbesserungen zu priorisieren.
- Erfordert ein zeroheight Enterprise-Abo und Zugang zum DS-Team mit einer Editor- oder Admin-Lizenz. Benutzer*innen mit Dokumentationsanzeigerechten können einen benutzerdefinierten Verbinder erstellen, um auf den MCP-Server von zeroheight zuzugreifen.
Hinweis: Hast du Interesse daran, dein Produkt mit Figma zu verbinden? Derzeit sammeln wir Interessensbekundungen für neue Partnerschaften. Wenn das auf dich zutrifft, teile uns bitte einige Details zu deinem Produkt und Anwendungsfall mit.
Verbindereinstellungen verwalten
Einige Verbinder umfassen mehrere MCP-Tools. Diese Tools führen innerhalb des Verbinders unterschiedliche Funktionen aus, wie das Abrufen von Daten, das Senden von Updates oder das Verwalten von Inhalten.
Du kannst steuern, welche Tools in Figma verfügbar sind. Beispielsweise möchtest du vielleicht ein Tool zulassen, das Inhalte abruft, aber Tools deaktivieren, die Inhalte zurück zur externen Quelle senden.
Hinweis: Tools, die auf externe Quellen schreiben können, sind standardmäßig deaktiviert. Du musst sie manuell aktivieren, bevor du Inhalte an den verbundenen Dienst zurücksenden kannst.
Du kannst auch die Berechtigungen jedes Tools innerhalb eines Verbinders steuern. Die verfügbaren Optionen sind:
| Einstellung | Funktionsweise | Anwendungsbereich |
|---|---|---|
| Nach Ausführung fragen | Figma bittet immer um deine Zustimmung, bevor das Tool ausgeführt wird. | Du möchtest jedes Mal, wenn der Agent im Gespräch ein Tool nutzt, die Kontrolle haben. |
| Immer ausführen | Figma führt das Tool bei Bedarf aus, ohne deine explizite Zustimmung abzufragen. | Du vertraust der externen Quelle und den verfügbaren Daten. |
| Niemals ausführen | Figma wird nicht versuchen, das Tool auszuführen. | Verwende diese Einstellung für Tools, die du nicht benötigst. Dies kann helfen, Figma AI zu beschleunigen, da nur eine kleinere Tool-Auswahl zur Verfügung steht. |
Vorsicht: Sei vorsichtig bei Prompt-Injektionen aus externen Quellen, wenn du Kontext abrufst.
Du kannst Verbinder auch vorübergehend deaktivieren, um sicherzustellen, dass sie in der aktuellen Unterhaltung nicht verwendet werden.
- Klicke im Chat-Fenster auf Kontext hinzufügen. Fahre mit der Maus über Verbinder und wähle dann Verwalten aus.
- Klicke für den Verbinder auf Verwalten.
- Aktiviere oder deaktiviere die Lese- oder Schreibwerkzeuge oder lege für einzelne Tools innerhalb dieses Verbinders Berechtigungen fest.
Tipp: Aktiviere nur die relevanten Verbinder und deren Tools, damit der Agent schneller arbeiten kann.
Einen Verbinder trennen
Das Trennen eines Verbinders verhindert, dass der Figma-Agent und Figma Make darüber Daten liest oder schreibt. Dabei werden keine Daten im externen Tool gelöscht, und du kannst später durch Hinzufügen und Authentifizieren erneut eine Verbindung herstellen.
- Klicke im Chat-Fenster auf Kontext hinzufügen. Fahre mit der Maus über Verbinder und wähle dann Verwalten aus.
- Klicke für den Verbinder auf Verwalten.
- Klicke unten im Modal auf Trennen.