The Figma MCP server gives Codex structured access to your Figma files. Codex can read design context, such as components, variables, layout data, FigJam content, and Make resources. It can generate code from selected frames and use Code Connect to stay aligned with your real components. Codex can also write to the canvas to create or update Figma content, and send live web interfaces to Figma as editable layers.
Jump to the setup instructions →
This article describes how to set up the Figma MCP server in Codex. To learn more about the Figma MCP server and how to use it, see:
Figma offers two versions of the MCP server: remote and desktop. The remote server has the broadest set of features and is the best choice for most users. The desktop server is intended for specific organization and enterprise needs.
Set up the remote Figma MCP server (recommended)
The recommended way to set up the Figma MCP server is to install the Figma plugin in the Codex app.
Install the Figma plugin in the Codex app
- Install the Codex app if you haven't already.
- In the upper-left corner of the Codex app, click Plugins.
- Click + next to Figma.
- Click Install Figma.
- When prompted, click Allow access to let ChatGPT access your Figma account.
Go back to Codex. The Figma plugin shows as connected, and you’re ready to start prompting. To see what you can do, check out Tools and example prompts.
Set up the Codex CLI
If you use the Codex CLI instead of the app, add the remote server from your terminal. This doesn't install Figma’s skills. To add them separately, see Figma skills for MCP.
- Install the Codex CLI if you haven't already.
-
In your terminal, run:
codex mcp add figma --url https://mcp.figma.com/mcp
- When prompted, sign in to Figma and allow access.
You’re ready to start prompting Codex. To see what you can do, check out Tools and example prompts.
Set up the desktop Figma MCP server
Note: We strongly recommend the remote server. The desktop server requires the Figma desktop app and a Dev or Full seat on a Professional, Education, Organization, Government, or Enterprise plan.
Instructions for the desktop Figma MCP server
Step 1: Enable the desktop server in Figma
- Open the Figma desktop app and make sure it’s up to date.
- Create or open a Figma Design file.
- With nothing selected, switch to Dev Mode using the toggle in the toolbar, or press Shift D.
- In the MCP server section of the right sidebar, click Enable desktop MCP server.
A confirmation message appears at the bottom of the screen when the server is running. The desktop server runs at http://127.0.0.1:3845/mcp.
Step 2: Add the desktop server to Codex
- In the lower-left corner of Codex, click Settings, then click Settings again.
- In the left sidebar, click MCP servers.
- Above the list of servers, click Add server.
- Change the server type from STDIO to Streamable HTTP.
- In the Name field, enter
figma-desktop. - In the URL field, enter
http://127.0.0.1:3845/mcp. - In the lower-right corner, click Save.
You can use the desktop server in Codex while the Figma desktop app is open and the desktop server is on.
Troubleshooting
If you can't see the Figma plugin or some of its tools in Codex, ask your Codex administrator to check that third-party plugins are allowed and that the Figma tools are approved.
For other issues, see the Figma MCP server FAQs.
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: