This feature is in open beta and is rolling out over the coming weeks. If it's not in your account yet, hang tight; it'll be there soon.
Figma Make can connect to external tools via the Model Context Protocol (MCP), allowing you to pull in documents, tasks, and data from other apps as context for your app or prototype.
For example, you might connect Figma Make to Notion to import a product requirements document (PRD) directly into Figma’s chat and ask Make to use it as the source for building a prototype. If the PRD changes, simply run the connector again to refresh the context and update the prototype.
What’s the difference between MCP in Figma Make and the Dev Mode Figma MCP server?
When you connect external tools in Figma Make, it acts as an MCP client. The client calls tools hosted on an MCP server—for example, the Notion or Asana connectors—to read or write data from that source. Based on your prompt, Figma AI decides which connector and tools to use.
By contrast, the Figma MCP server includes a list of tools that makes your file data available to other MCP clients.
Add a connector
Each person needs to add and authenticate to the connectors they’d like to use. Connectors aren’t managed or shared by admins.
To add a connector, you’ll first need to authenticate. For example, when adding Notion, you’ll select your workspace and approve access permissions.
Note: Figma currently supports a limited set of connectors, including Atlassian, Linear, Asana, and Notion. These MCP servers have been vetted by our team to ensure they meet Figma’s security and privacy standards.
- From the chat box, click Add context and select Add connector.
- Browse the list of available connectors.
- Click Add next to the connector you want to use.
- Follow the prompts to authenticate through the external tool’s OAuth flow.
- Once connected, click Add context to confirm the connector appears in the list.
Use a connector in chat
When a connector is enabled for the current chat, you can call it naturally within the flow of conversation.
- Confirm the connector is enabled in your current conversation. From the chat box, click Add context and select your connector. Make sure the toggle is enabled.
- Type a prompt that references the connector. For example, paste an Asana link and write “Use the specs in this Asana project to create a first-draft prototype”.
- If your prompt requires a connector, Figma AI will show which connector and tool it plans to call and ask for consent. Click Run to proceed.
If the source content changes, just run the connector again to pull in the latest context.
Manage connector settings
Some connectors include multiple MCP tools. These tools perform different functions within the connector, such as fetching data, sending updates, or managing content.
You can control which tools are available in Figma; for example, you may want to allow a tool that fetches content, but disable tools that send content back to the external source.
You can also temporarily disable connectors to ensure they aren’t used in the current conversation.
- From the chat box, click Add context and select the connector you want to manage.
- Enable or disable the connector itself, or individual tools within that connector.
Tip: Only enable the relevant connectors to help Figma AI work faster.
Disconnect a connector
Disconnecting stops Figma from accessing data through that connector. It doesn’t delete any data in the external tool, and you can reconnect later by adding and authenticating it again.
- From the chat box, click Add context and select Add connector.
- In the Manage connectors window, click Manage on the connector you’d like to remove.
- Click Disconnect.