The Figma MCP server gives Codex 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 Codex 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 →
This article describes how to set up the Figma MCP server in Codex. To learn more about the features of the Figma MCP server and how to use it, see:
Figma provides two versions of the Figma MCP server: remote and desktop. The remote Figma MCP server is the version most users need and has the broadest set of features. The desktop version is for specific organization and enterprise use cases. Generally, you should use the remote Figma MCP server.
Note: Make sure to install Codex on your computer before the setup. Download Codex →
Set up the remote Figma MCP server (preferred)
To set up the Figma MCP server in Codex:
- In the upper-left corner of the Codex app, click Plugins.
- Click + next to Figma.
- Click Install Figma to begin the installation process.
- Go through the authentication process. Click Allow access to authenticate and allow ChatGPT to access your Figma account.
Once you're done, head back to Codex. The Figma plugin should now be connected, and you’re ready to start using Figma in Codex.
Set up the desktop Figma MCP server
Figma provides the local desktop version of the Figma MCP server for some specific organization and enterprise use cases, but we strongly recommend using the remote version of the Figma MCP server. The remote version of the server provides the broadest set of features.
Instructions for the desktop Figma MCP server
First, enable the desktop MCP server in Figma:
- Install and open the Figma desktop app.
- Open a Figma Design file.
- With nothing selected on canvas, click the toggle switch in the toolbar to switch to Dev Mode.
- Then, click to enable the MCP server in the right sidebar.
- Figma will display a confirmation message at the bottom of the screen letting you know the server is enabled and running, and you’ll see a button to copy the address for the server.
- Click copy URL, and keep it handy for your configuration in the next step.
Then, configure the desktop MCP server in Codex:
- In Codex, in the lower-left corner of the interface, click Settings, and then 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 box, enter:
figma-desktop - In the URL box, enter:
http://127.0.0.1:3845/mcp - In the lower-right corner, click Save.
While the Figma desktop app is open and the desktop MCP server is enabled, you can start using the desktop Figma MCP server in Codex.
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: