AdYour product here, seen by people installing AI tools every day
AI Plugin Index
Sponsor slots open: 12 of 12, from $249 a month

How to install Figma Dev Tools in Codex

To install Figma Dev Tools in Codex, run "codex mcp add figma-dev-tools -- npx -y figma-dev-tools" in your terminal, then type /mcp in Codex to check it.

Built from the published package · server updated 7 days ago

  1. 1

    Run the install command

    In a terminal, run:

    codex mcp add figma-dev-tools -- npx -y figma-dev-tools
  2. 2

    Check it

    Inside Codex, type /mcp to see the server and its tools.

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

Install Figma Dev Tools in another app

Claude CodeClaude DesktopCursor VS CodeWindsurfGemini CLI Antigravity CLI ChatGPT

Similar servers

GitDiagram ahmedkhaleel2004
100

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

AAA Remote 18k
draw.io jgraph
100

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

AAA Remote 5.7k
Agent-Native PlanBuilderIO
94

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

AAA Remote 7.4k

Questions

Does Figma Dev Tools work in Codex?

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

Figma Dev Tools 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 Dev Tools safe?

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