Wie kan deze functie gebruiken
Vereist toegang bewerken voor het bestand
De Figma-agent en Figma Make kunnen verbinding maken met externe tools via het Model Context Protocol (MCP), waardoor je kunt werken met documenten, taken en gegevens van andere apps als context voor je ontwerpen, apps en prototypes.
Je kunt bijvoorbeeld Figma Make verbinden met Notion om een productvereistendocument (PRD) direct in Figma’s chat te importeren en Make vragen om het als bron te gebruiken voor het bouwen van een prototype. Als de PRD wijzigt, voer dan simpelweg de connector opnieuw uit om de context te verversen en het prototype bij te werken. Je kunt ook inhoud terugschrijven naar Notion—zoals het genereren van een lijst met acceptatiecriteria—door de schrijfhulpmiddelen in de instellingen van de connector in te schakelen.
Wat is het verschil tussen MCP-connectoren in Figma en de Figma MCP-server?
Wanneer je externe tools verbindt in de agent of Figma Make, functioneert het als een MCP-client. De klant roept tools aan die worden gehost op een MCP-server—bijvoorbeeld de Notion- of Asana-connectoren—om gegevens van die bron te lezen of te schrijven. Op basis van je prompt besluit de agent welke connector en tools te gebruiken.
Daarentegen bevat de Figma MCP-server een lijst met tools die je bestandsgegevens beschikbaar maakt voor andere MCP-clients.
Voeg een connector toe
Elke persoon moet de connectoren die ze willen gebruiken toevoegen en verifiëren.
Om een connector toe te voegen, moet je eerst authenticeren. Bijvoorbeeld, bij het toevoegen van Notion moet je je werkruimte selecteren en toestemmingsrechten goedkeuren.
- Klik vanuit het chatvenster op Context toevoegen.
- Selecteer Connectoren.
- Blader door de lijst van beschikbare connectoren.
- Klik op Verbinden naast de connector die je wilt gebruiken.
- Volg de prompts om door de OAuth-stroom van de externe tool te gaan en te authenticeren.
- Zodra je verbonden bent, klik je op Context toevoegen om te bevestigen dat de connector in de lijst verschijnt.
Tip: Als je geen prompt ziet om te verifiëren, blokkeert je browser mogelijk pop-ups. Controleer de adresbalk van je browser op een pop-upblokkerpictogram en sta pop-ups toe voor Figma.
Opmerking: Als Connectoren geen optie is in het menu, heeft een beheerder deze functie mogelijk uitgeschakeld voor je organisatie.
Gebruik een connector in de chat
Wanneer een connector en de bijbehorende hulpmiddelen zijn ingeschakeld voor de huidige chat, kun je deze op natuurlijke wijze binnen de conversatiestroom oproepen.
- Om expliciet naar een connector te verwijzen in je prompt, typ je @ in de chat om een lijst van je verbonden connectoren te zien. Selecteer degene die je wilt gebruiken, dan verschijnt deze als een tab boven je bericht. Dit zorgt ervoor dat de agent alleen specifieke connectoren gebruikt voor de huidige taak.
- Typ een prompt die verwijst naar de connector. Plak bijvoorbeeld een Asana-link en schrijf "Gebruik de specificaties in dit project om een prototype van de First Draft te maken".
- Als je prompt een connector vereist, zal de agent aangeven welke connector en hulpmiddel het van plan is te gebruiken en zal het om toestemming vragen. Klik op Uitvoeren om verder te gaan. Je kunt individuele tools en hun machtigingen beheren vanuit de connectorinstellingen.
Als de broninhoud verandert, voer dan gewoon de connector opnieuw uit om de meest recente context op te halen.
Wanneer een connector-tool is ingesteld om altijd te draaien, kunnen bestandsdownloads mislukken als de respons meer dan 16 MB bedraagt. Voor tekstbestanden komt dit over het algemeen overeen met een bestandsgrootte van maximaal 16 MB. Afbeeldingen die groter zijn dan ongeveer 5-6 MB kunnen de limiet overschrijden omdat beeldcodering de responsgrootte vergroot. Dit geldt voor alle connectoren in de Figma-agent en Figma Make. Als een grote afbeelding niet kan worden gedownload, stel de tool dan in op 'Vragen om te draaien' en probeer het opnieuw.
Welke aanbevolen connectoren zijn beschikbaar
Figma ondersteunt momenteel een beperkt aantal geverifieerde connectoren. Deze aanbevolen MCP-servers zijn door ons team beoordeeld om ervoor te zorgen dat ze voldoen aan Figma's beveiligings- en privacynormen.
Let op: Je moet een account hebben bij de externe service om de bijbehorende connector te gebruiken. Beschikbaarheid kan afhangen van je abonnement, werkplek, rol of toegang binnen die dienst.
Figma biedt de volgende aanbevolen connectoren aan:
Tip: Moet je verbinding maken met een MCP-server die niet op deze lijst staat? Je kunt je eigen aangepaste MCP-connector maken. Aangepaste MCP-connectoren vereisen een betaald abonnement.
Amplitude
- Open Amplitude-gebruikerstrends, trechters en experimenten binnen Figma om ontwerpen en prototypes te genereren met productcontext.
- Creëer en test ontwerpvarianten om de impact op gebruikersgedrag te volgen.
Asana
- Open Asana-taken en -projecten vanuit Figma om de voortgang en teamprioriteiten in real-time bij te houden.
- Maak en beheer Asana-taken, zodat je projecten van concept tot voltooiing op één lijn kunt houden.
Benaderbaar
- Toegang tot je onderzoeksresultaten van Askable binnen Figma.
- Query je bewijsmateriaal en baseer prototypes op wat geverifieerde deelnemers daadwerkelijk hebben gezegd en gedaan.
Atlassian
- Open en bewerk Confluence pagina's en documentatie rechtstreeks vanuit Figma om specificaties, beslissingen en ontwerpwerk te verbinden.
- Open Jira-issues en epics, maak ze aan en creëer overgangen ertussen zonder van context te veranderen, zodat teams soepel kunnen doorgaan van ontwerp naar ontwikkeling.
- Open Compass-componenten, -diensten en scorekaarten, creëer ze of werk ze bij om ontwerpen en prototypes gekoppeld te houden aan je technische ecosysteem.
Box
- Open hubs en inhoud van Box tijdens je ontwerpproces, terwijl je het bestaande Box-beveiligings- en toegangsbeleid handhaaft.
- Haal belangrijke inzichten naar boven en query al je inhoud om je prototypes in de context van je onderneming te onderbouwen.
Contentsquare
- Open Contentsquare-analyse vanuit Figma, inclusief gebruikerstrajecten, trechters en paginametingen.
- Query hoe mensen je live product gebruiken om ontwerpbeslissingen te baseren op echt gedrag. De connector is alleen-lezen.
Dovetail
- Open Dovetail-klantengegevens in Figma om geïnformeerde ontwerpbeslissingen te maken.
- Doorzoek je Dovetail-werkruimte om relevante projecten, gegevens en documenten te vinden.
Google Drive
- Open bestanden in je Google Drive rechtstreeks vanuit Figma om je ontwerp en prototypes te baseren op bestaand onderzoek, gegevens, afbeeldingen of andere context van je team.
- Maak nieuwe bestanden in Google Drive vanuit Figma om beslissingen samen te vatten en middelen te uploaden, waardoor het gemakkelijker wordt om te delen waar je team al werkt.
Opmerking: De Google Drive-connector is niet beschikbaar bij gebruik van de Governance+ add-on.
Granola
- Verbind Figma met je vergadergeschiedenis in Granola
- Doorzoek je notulen, vind specifieke onderwerpen die in eerdere vergaderingen zijn besproken, haal actiepunten of beslissingen uit je aantekeningen, beantwoord vragen op basis van je vergadergeschiedenis en meer.
GitHub
- Open openbare of private GitHub-repository's, issues en pull-verzoeken om ervoor te zorgen dat het ontwerpwerk gekoppeld blijft aan je codebase.
- Maak en vat GitHub-issues en PR's samen vanuit Figma, zodat ontwerpwijzigingen direct worden omgezet in ontwikkelingsacties.
Hex
- Haal Hex-dashboards en data-apps binnen en stel datavragen via Hex-threads.
- Bouw gegevens in je presentaties, ontwerpen en boards in.
Linear
- Open Linear-issues, projecten en documenten vanuit Figma om ontwerpen en prototypes te genereren met relevante context.
- Maak en beheer Linear-issues en -projecten, zodat je je ontwerpen en prototypes kunt omzetten in gepland werk.
Mapbox
- Voeg een live, interactieve Mapbox-kaart toe aan je Figma Make prototype.
- Genereer locaties uit de echte wereld van de Mapbox Streets v8-tileset met de Figma-agent.
- Geef kaarten een stijl die past bij je merk en die je kunt controleren op toegankelijkheid.
Marvin
- Open Marvin direct binnen Figma om je ontwerpen te baseren op echte gebruikersfeedback en -gegevens.
- Genereer samenvattingen van klantkennis, zodat je met vertrouwen kunt ontwerpen en prototypes sneller kunt valideren.
- Vereist het Marvin Enterprise-plan en de rol van Bijdrager of Beheerder in Marvin.
Mobbin
- Haal schermen en patronen uit Mobbin in je workflow voor onderzoek en referentie.
- Gebruik Mobbin-referenties en combineer ze met je ontwerpsysteem om te brainstormen over ontwerpideeën.
- Vergelijk je ontwerpen in Figma met Mobbin-benchmarks.
monday.com
- Open monday.com-boards en -items vanuit Figma om in lijn te blijven met de teamplanning en prioriteiten.
- Maak en beheer updates, zodat je werk zichtbaar en verbonden blijft binnen elk team.
Notion
- Open Notion-pagina's en -databases rechtstreeks vanuit Figma om context, specificaties en notities in je ontwerpproces te brengen.
- Maak Notion-documenten en werk ze bij, zodat je ontwerpdocumentatie georganiseerd blijft en altijd gesynchroniseerd blijft.
Slack
- Doorzoek en lees Slack-berichten, threads, kanalen, gebruikers en bestanden.
- Onderneem actie door berichten te versturen en canvassen en kanalen te maken.
Sprig
- Open klantonderzoeken binnen Figma om ontwerpen en prototypes te onderbouwen met bewijs.
- Creëer en lanceer Sprig-onderzoeken om met Figma gemaakte ontwerpen, concepten en prototypes te testen en meet hoe gebruikers erop reageren.
Twilio
- Open de API-documentatie van Twilio vanuit Figma om communicatievoorzieningen zoals berichten, spraak en verificatie in je prototypes te bouwen.
- Genereer nauwkeurige en actuele code voor Twilio API's zonder je ontwerpstroom te verlaten. De connector biedt API-kennis en stuurt geen berichten of heeft geen toegang tot je accountgegevens.
Zapier
- Maak verbinding Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack, en meer dan 9.000 andere apps via een enkele verbinding.
- Breng de context van je tools direct in je ontwerpen en prototype-workflow: trek een eisen document, een spreadsheet met echte data of vergader samenvattingen aan. Ga dan verder en maak taken aan, stuur berichten, en trigger workflows door je hele set van tools vanuit een enkele prompt.
zeroheight
- Geef Figma kracht met ontwerpsysteemcontext vanuit je zeroheight-stijlgids om binnen enkele seconden systeemprototypes te genereren
- Gebruik Figma om een stresstest te doen van je zeroheight-docs. Onjusite interpretaties van AI kunnen onduidelijke richtlijnen aan het licht brengen en u helpen voorrang te geven aan verbeteringen.
- Vereist een Enterprise-plan van zeroheight en toegang tot het ontwerpsysteemteam met een editor- of beheerderwerkplek. Documentatiegebruikers die alleen kijken, kunnen een aangepaste connector maken om toegang te krijgen tot de zeroheight MCP-server.
Opmerking: Geïnteresseerd in het verbinden van je product met Figma? We verzamelen momenteel uitingen van interesse voor nieuwe partnerschappen. Als dat bij je past, deel dan enkele details over je product en use case met ons.
Beheer connectorinstellingen
Sommige connectoren bevatten meerdere MCP-tools. Deze tools voeren verschillende functies uit binnen de connector, zoals het ophalen van gegevens, het sturen van updates of het beheren van inhoud.
Je kunt bepalen welke tools beschikbaar zijn in Figma; misschien wil je bijvoorbeeld een tool content laten ophalen, maar tools uitschakelen die content terugsturen naar de externe bron.
Opmerking: Tools die naar externe bronnen kunnen schrijven zijn standaard uitgeschakeld. Je zult ze handmatig moeten inschakelen voordat je inhoud terug kunt sturen naar de verbonden dienst.
Je kunt ook de machtigingen van elke tool binnen een connector beheren. De beschikbare opties zijn:
| Instelling | Hoe het werkt: | Wanneer te gebruiken |
|---|---|---|
| Vraag om uit te voeren | Figma vraagt altijd om je toestemming voordat de tool wordt uitgevoerd. | U wilt controle telkens wanneer de agent een tool in het gesprek uitvoert |
| Altijd uitvoeren | Figma voert de tool uit wanneer nodig zonder om toestemming te vragen | Je vertrouwt de externe bron en de beschikbare data |
| Nooit uitvoeren | Figma zal niet proberen de tool uit te voeren | Gebruik deze instelling voor tools die je niet nodig hebt; het kan helpen Figma AI sneller te maken door een kleinere keuze aan tools te geven |
Waarschuwing: Wees op je hoede voor promptinjecties van externe bronnen bij het ophalen van context.
Je kunt connectors ook tijdelijk uitschakelen om ervoor te zorgen dat ze niet in het huidige gesprek worden gebruikt.
- Klik in het chatvenster op Context toevoegen. Zweef over Connectors, selecteer dan Beheren.
- Klik op Beheren in de connector.
- Schakel de lees- of schrijftools in of uit, of stel toestemmingen in voor individuele tools binnen die connector.
Tip: Schakel alleen de relevante connectors en bijbehorende tools in om de agent sneller te laten werken.
Verbreek de verbinding van een connector
Met het loskoppelen van een connector worden de Figma-agent en Figma Make gestopt in het lezen of schrijven van gegevens via die connector. Er worden geen gegevens in de externe tool verwijderd en je kunt later opnieuw verbinding maken door de connector opnieuw toe te voegen en te authenticeren.
- Klik in het chatvenster op Context toevoegen. Zweef over Connectors, selecteer dan Beheren.
- Klik op Beheren in de connector.
- Klik onderaan het modaal op Loskoppelen.