How to install Figma MCP in Codex

To install Figma MCP in Codex, run "codex mcp add figma-mcp -- npx -y @hapins/figma-mcp" in your terminal, then type /mcp in Codex to check it.

Built from the published package · server updated 21 months ago

Run the install command

In a terminal, run:

codex mcp add figma-mcp -- npx -y @hapins/figma-mcp

MCP servers run with your permissions. If Figma MCP needs an API key, add it under env in the config. Check its README.

Architecture diagrams, explanations and Mermaid source for public GitHub repositories.

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing

Does Figma MCP work in Codex?

Yes. Codex supports mcp servers in the codex cli and ide extension, and Figma MCP installs with the steps above.

Figma MCP does not show up in Codex. What now?

Restart Codex fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.

Is Figma MCP safe?

It scores 44 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.