Figma

Agent

Figma

Creator:

mcp_depot

About this agent

Figma's official Dev Mode server that gives coding agents structured design context. It exposes frame layouts, design variables, components and Code Connect mappings so generated code matches the real design system, and it can now write to the canvas in beta. The hosted server is recommended, with a local server available through the Figma desktop app on paid Dev or Full seats.

Connect to this MCP server

Server URL

https://mcp.figma.com/mcp
Checking the server…
Add to CursorAdd to VS Code

Claude Code

Run in your terminal. Add --scope user to use it in every project.

Claude Desktop: claude_desktop_config.json

Open it from Settings → Developer → Edit Config, then restart Claude. Or skip the file: Settings → Connectors → Add custom connector, and paste the URL.

Comments & Discussion

Scroll to load comments...

Tags

design
ui
design-to-code
frontend
mcp

Share

Loading recommendations...