Figma Dev Mode MCP
Feed Figma frames, components, and variables into your coding agent
About
Figma's official MCP server brings Figma into your AI workflow, giving agents the design context they need to generate code from Figma files and letting agents write native Figma content back to the canvas. It can generate code from selected frames, extract variables, components, and layout data, and keep output consistent with your codebase via Code Connect. The remote server is recommended; the desktop server, run through the Figma desktop app, is intended for specific organization and enterprise needs and requires a Dev or Full seat.
# Recommended in Claude Code — install the Figma plugin:
claude plugin install figma@claude-plugins-official
# Or add the remote server manually:
claude mcp add --transport http figma https://mcp.figma.com/mcp
# Make it available in all projects:
claude mcp add --scope user --transport http figma https://mcp.figma.com/mcpCopy individual commands
- Recommended in Claude Code — install the Figma plugin::
claude plugin install figma@claude-plugins-official - Or add the remote server manually::
claude mcp add --transport http figma https://mcp.figma.com/mcp - Make it available in all projects::
claude mcp add --scope user --transport http figma https://mcp.figma.com/mcp
The remote server connects directly to https://mcp.figma.com/mcp without the Figma desktop app; you sign in with your Figma account and click Allow access the first time you connect, then authenticate via /mcp in Claude Code.
More in MCP Servers
View all
Context7
Up-to-date, version-specific library docs pulled straight into your prompt.
Playwright MCP
Let your AI drive a real browser — navigate, click, fill forms and read pages.
Docker MCP Gateway
Run MCP servers as isolated Docker containers from the signed catalog, behind one gateway endpoint. Needs Docker.