MCP servers · Figma · custom connector
Connect Grok Bot (xAI) to Figma
One line gives Grok Bot (xAI) 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 Grok Bot (xAI)'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 Grok Bot (xAI). xAI's always-on Grok Bot. Add 0n3 as a custom connector once, and your Bot can use every app you added, around the clock.
- Ask Grok Bot (xAI): whoami. Then: "Get a file in Figma".
Add 0n3 to Grok Bot (desktop app)
- Open Grok Bot on your computer. In the sidebar, click Connect apps.
- At the bottom, click Add a custom connector.
- For Name, type 0n3. For Type, pick Remote HTTPS. For Server URL, type https://0n3.app/mcp.
- Under HTTP headers, add Authorization with the value Bearer <your 0n token>
- Click Add plugin.
Then try it: send your Bot this
- "Use 0n3: who am I, and which apps can you reach?"
- "Every weekday at 8, use 0n3 to list today's CRM appointments and new Stripe payments, and post a summary to me."
The line above carries a placeholder; 0n3.app/install mints a real key named for Grok Bot (xAI) and fills it in.
What Grok Bot (xAI) 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 + skillClaude (desktop & claude.ai) + FigmaconnectorChatGPT + Figmaconnector · GPT actionCodex CLI + FigmaMCP serverGemini CLI + FigmaMCP serverCursor + FigmaMCP serverVS Code (Copilot) + FigmaMCP serverWindsurf + FigmaMCP server
