MCP servers · Figma · connector
Connect Claude (desktop & claude.ai) to Figma
One line gives Claude (desktop & claude.ai) your Figma account as tools: 32 endpoints, files, export images, components, called with your own connection. No key in the prompt, a receipt for every call, revoke Claude (desktop & claude.ai)'s access alone any time.
Three steps
- Create a free 0n3 account and connect Figma. Paste a key or sign in; it lands in your vault, encrypted.
- Install 0n3 into Claude (desktop & claude.ai). Add 0n3 as a custom connector; sign in once through the 0n door.
- Ask Claude (desktop & claude.ai): whoami. Then: "Get a file in Figma".
Claude desktop app and claude.ai
- Settings → Connectors → Add custom connector
- Name: 0n3 · URL: https://0n3.app/mcp
- Click Connect and sign in with your 0n account (email + password, or paste your 0n token)
- Turn the connector on in a chat and ask: "whoami"
This is the OAuth door: no token to paste, revoke it any time from 0n3 → Tokens.
The line above carries a placeholder; 0n3.app/install mints a real key named for Claude (desktop & claude.ai) and fills it in.
What Claude (desktop & claude.ai) can then do in Figma
Files · Read design files and nodes15
Get a file
GET /v1/files/{file_key}Get file nodes
GET /v1/files/{file_key}/nodesGet a file meta
GET /v1/files/{file_key}/metaGet file versions
GET /v1/files/{file_key}/versionsGet image fills
GET /v1/files/{file_key}/imagesGet file components
GET /v1/files/{file_key}/componentsGet file styles
GET /v1/files/{file_key}/stylesGet local variables
GET /v1/files/{file_key}/variables/localGet published variables
GET /v1/files/{file_key}/variables/publishedUpdate variables
POST /v1/files/{file_key}/variablesGet comments
GET /v1/files/{file_key}/commentsPost a comment
POST /v1/files/{file_key}/commentsExport images · Export frames as PNG/SVG/PDF1
Export images
GET /v1/images/{file_key}Components · List and read components and styles3
Get team components
GET /v1/teams/{team_id}/componentsGet a component
GET /v1/components/{key}Get team component sets
GET /v1/teams/{team_id}/component_setsWebhooks · Subscribe to design events5
Create a webhook
POST /v2/webhooksList webhooks
GET /v2/webhooksGet a webhook
GET /v2/webhooks/{webhook_id}Update a webhook
PUT /v2/webhooks/{webhook_id}Delete a webhook
DELETE /v2/webhooks/{webhook_id}Dev resources · Manage developer annotations4
Get dev resources
GET /v1/files/{file_key}/dev_resourcesCreate dev resources
POST /v1/dev_resourcesUpdate dev resources
PUT /v1/dev_resourcesDelete a dev resource
DELETE /v1/files/{file_key}/dev_resources/{dev_resource_id}Variables · Read and write design tokens/variables0
Read and write design tokens/variables
Figma in other AI clients
Claude Code + FigmaMCP server + skillChatGPT + Figmaconnector · GPT actionCodex CLI + FigmaMCP serverGemini CLI + FigmaMCP serverCursor + FigmaMCP serverVS Code (Copilot) + FigmaMCP serverWindsurf + FigmaMCP server
