Download PDFMarkdown Version
ClaudeChatGPTPerplexityGeminiMicrosoft CopilotRaycastMeta AIGrokZ.aiQwenKimi
DeepSeekMistralCursorVS CodeWindsurfJetBrainsClineLovableVercel AI SDKLangChain

Use Figma with your AI.

Connect your account once and let the AI you already use work with it, without building another integration. Connect Figma to automate design workflows. inspect files, render layers as images, and manage comments directly from your AI agent.

Included with plan

Ask AI about this Connector

Developed, maintained, and hosted by Vinkius.

MCP VERIFIED · PRODUCTION READY · VINKIUS GUARANTEED

Waiting for input…

Works with modern AI clients that support MCP, including ChatGPT, Claude, Cursor, and more.

ChatGPTClaudeCursorPerplexityGeminiMicrosoft CopilotRaycastMeta AI

Complete set · 15 capabilities

The complete Figma capability set.

These are the exact actions your AI can choose when you ask it to work with Figma.

Capability set01 / 04

01-04

4 capabilities in this set.

Part of 15 available through Figma.

  1. 01

    Get images

    Render nodes from a Figma file as images

  2. 02

    Post comment

    Post a comment on a Figma file

  3. 03

    Get local variables

    List design tokens/variables in a Figma file

  4. 04

    List components

    List published team components

Capability set02 / 04

05-08

4 capabilities in this set.

Part of 15 available through Figma.

  1. 05

    Get comments

    Get comments on a Figma file

  2. 06

    Get file

    Use depth to limit node traversal (1=pages only, 2=pages+top frames). Get a Figma file

  3. 07

    Get file nodes

    Get specific nodes from a Figma file

  4. 08

    Get file versions

    List versions of a Figma file

Capability set03 / 04

09-12

4 capabilities in this set.

Part of 15 available through Figma.

  1. 09

    List project files

    List files in a project

  2. 10

    List styles

    List published team styles

  3. 11

    List team projects

    List projects in a Figma team

  4. 12

    Delete comment

    Requires file key and comment ID. Delete a comment from a Figma file

Capability set04 / 04

13-15

3 capabilities in this set.

Part of 15 available through Figma.

  1. 13

    Get component set

    Get metadata for a published component set

  2. 14

    Get team info

    Get metadata about a Figma team

  3. 15

    Get me

    Get details for the authorized Figma user

Observed, not estimated

952ms average. Fast in production.

Figma is checked daily against the live service.

Daily averagePeak 1276ms
Aug 20Today
Fastest day
790ms
Slowest day
1276ms
14-day trend
Slowing+7%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 15 capabilities arrive ready to run.

Preview access · not provider authentication

The vk_preview_* token belongs to Vinkius preview infrastructure. It lets Claude discover and display the capabilities of Figma, so you can see the experience inside your AI.

It does not authenticate your account with Figma. Actions requiring credentials or live account data may not run until you activate the Connector and authorize the service.

Figma Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_259SBocJyDiuTotSWjQKeGBx55ULMHMQHRbOcsF5/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — Figma capabilities are ready to use.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "figma-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_259SBocJyDiuTotSWjQKeGBx55ULMHMQHRbOcsF5/mcp"
    }
  }
}
  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

Step-by-step instructions for each client are in the guide. How to connect

FAQ

Questions Figma owners ask.

  • 01

    How do I obtain my Figma Personal Access Token?

    Log in to Figma, click on your name in the top-left to go to Account Settings, scroll down to the Personal access tokens section, and click Create a new personal access token.

  • 02

    Where can I find the File Key?

    Open any Figma file in your browser. The URL will look like https://www.figma.com/file/:key/:title. The random string of characters after /file/ is your File Key.

  • 03

    Can I render design layers as images via chat?

    Yes! The get_images capability allows you to specify a File Key and Node IDs to receive high-quality render URLs in PNG, SVG, or PDF formats flawlessy.

Explore

More in Industry Titans

Suggestions