The Figma MCP server gives Xcode structured access to Figma files and tools. It can read design context such as components, variables, layout data, FigJam content, and Make resources, generate code from selected frames, use Code Connect to stay aligned with real components. When moving from Xcode to Figma, you can also write directly to the canvas to create or update native Figma content, and send live web interfaces to Figma as editable layers.
Jump to the setup instructions →
Note: The Figma MCP server is only supported in the Xcode 27 beta app. See Apple's Dev Tools announcement.
This article describes how to set up the Figma MCP server in Xcode. To learn more about the features of the Figma MCP server and how to use it, see:
Figma also includes a SwiftUI skill to use with the Figma MCP server in Xcode. See Figma skills for MCP.
Set up the remote Figma MCP server
Note: Make sure to install Xcode before you set up the server: Download and install Xcode 27 beta. The Figma MCP server is only supported by Xcode 27 beta.
The recommended way to set up the Figma MCP server in Xcode is by installing the Figma plugin, which includes MCP server settings as well as Agent Skills for common workflows.
First, make sure that the Xcode 27 beta app is open.
To install the Figma plugin, use Xcode's one-click setup and authorize the MCP server for your Figma account: One-click setup
Once added, click Sign in... next to the Figma plugin entry to authorize your Figma account.
If you want to confirm the plugin is installed: In Xcode, go to Settings, and then click Intelligence. The Figma plugin will be listed in the Plug-ins section.
Manually set up the remote Figma MCP server
If you prefer, you can manually set up the remote Figma MCP server. There's no difference in functionality if you follow the manual steps.
In Xcode:
- Go to Settings, and then click Intelligence.
- Install an agent such as Claude Agent, Codex, or Gemini.
- Click Plug-ins.
- Click Add plug-in.
- Choose Add from URL.
- Enter the following in the URL field:
https://github.com/figma/mcp-server-guide - Choose the Figma Plug-in.
- Once added, authorize your Figma account to use the MCP server in Xcode.
What's next?
If you're coming from the Figma MCP collection, jump back into the previous article.
For more about using the Figma MCP server, see: