0n3
MCP servers · Figma · MCP server

Connect Windsurf to Figma

One line gives Windsurf 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 Windsurf's access alone any time.

Get the line for WindsurfConnect Figma first

Three steps

  1. Create a free 0n3 account and connect Figma. Paste a key or sign in; it lands in your vault, encrypted.
  2. Install 0n3 into Windsurf. The mcp_config.json block.
  3. Ask Windsurf: whoami. Then: "Get a file in Figma".
Write it yourself · ~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "0n3": {
      "serverUrl": "https://0n3.app/mcp",
      "headers": {
        "Authorization": "Bearer <your 0n token>"
      }
    }
  }
}

The line above carries a placeholder; 0n3.app/install mints a real key named for Windsurf and fills it in.

What Windsurf can then do in Figma

Files · Read design files and nodes15
Get a fileGET /v1/files/{file_key}
Get file nodesGET /v1/files/{file_key}/nodes
Get a file metaGET /v1/files/{file_key}/meta
Get file versionsGET /v1/files/{file_key}/versions
Get image fillsGET /v1/files/{file_key}/images
Get file componentsGET /v1/files/{file_key}/components
Get file stylesGET /v1/files/{file_key}/styles
Get local variablesGET /v1/files/{file_key}/variables/local
Get published variablesGET /v1/files/{file_key}/variables/published
Update variablesPOST /v1/files/{file_key}/variables
Get commentsGET /v1/files/{file_key}/comments
Post a commentPOST /v1/files/{file_key}/comments
Export images · Export frames as PNG/SVG/PDF1
Export imagesGET /v1/images/{file_key}
Components · List and read components and styles3
Get team componentsGET /v1/teams/{team_id}/components
Get a componentGET /v1/components/{key}
Get team component setsGET /v1/teams/{team_id}/component_sets
Webhooks · Subscribe to design events5
Create a webhookPOST /v2/webhooks
List webhooksGET /v2/webhooks
Get a webhookGET /v2/webhooks/{webhook_id}
Update a webhookPUT /v2/webhooks/{webhook_id}
Delete a webhookDELETE /v2/webhooks/{webhook_id}
Dev resources · Manage developer annotations4
Get dev resourcesGET /v1/files/{file_key}/dev_resources
Create dev resourcesPOST /v1/dev_resources
Update dev resourcesPUT /v1/dev_resources
Delete a dev resourceDELETE /v1/files/{file_key}/dev_resources/{dev_resource_id}
Variables · Read and write design tokens/variables0
Read and write design tokens/variables

All 32 Figma endpoints →

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 server

Windsurf with other apps

Hostinger363 endpointsTelegram132 endpointsPipedrive95 endpointsResend67 endpointsSquare57 endpointsLinkedIn50 endpointsSlack45 endpointsCloudConvert32 endpointseBay25 endpointsQuickBooks21 endpointsCloudflare21 endpointsReddit21 endpoints