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. Access Figma design files, comments, components and images via API. inspect nodes, render exports and track version history from any 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 Β· 16 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 16 available through Figma.

  1. 01

    Get comment reactions

    Each reaction includes the emoji, the user who reacted and the creation date. Get reactions on a Figma comment

  2. 02

    Get file

    Returns the file name, version, nodes hierarchy, styles, components and component sets. The file key is found in the file URL: figma.com/file/<FILE_KEY>/<name>. Optionally set depth to limit how many levels of the node tree are returned. Use this to explore the full structure of a design file. Get a Figma file by key

  3. 03

    Get file nodes

    Returns the node tree, styles and components for each requested node. Use this to inspect individual frames or components without loading the entire file. Node IDs can be found in the file URL when selecting a node or from the file document tree. Get specific nodes from a Figma file

  4. 04

    Get image fills

    Returns image URLs and the nodes they are applied to. Useful for cataloging all images used in a design. Get image fills used in a Figma file

Capability set02 / 04

05-08

4 capabilities in this set.

Part of 16 available through Figma.

  1. 05

    Get project files

    Each file includes its key, name, creation date, last modified date and version. Optionally set branch_data to "true" to include branch information. Get files in a Figma project

  2. 06

    Get recent files

    Returns file key, name, last modified date, thumbnail URL and associated project. Useful for quickly finding files you've been working on. Get recently accessed Figma files

  3. 07

    Get team component sets

    Useful for understanding the structure of the team's design system libraries. Get published component sets for a Figma team

  4. 08

    Post comment

    Requires the file key and message text. Optionally set a position on the canvas using x/y coordinates to pin the comment to a specific location, or reply to an existing comment using comment_id. Post a comment on a Figma file

Capability set03 / 04

09-12

4 capabilities in this set.

Part of 16 available through Figma.

  1. 09

    Post comment reaction

    Provide the file key, comment ID and the emoji character (e.g. "πŸ‘", "❀️", "πŸ”₯"). Add a reaction to a Figma comment

  2. 10

    Get comments

    Each comment includes the message, author, creation date, position on canvas (client_meta) and resolved status. Use this to review feedback, design discussions and review threads. Get comments on a Figma file

  3. 11

    Get component

    Returns the component name, description, owning file and node ID. Get a published component by key

  4. 12

    Get file versions

    Each version includes its ID, label, description, creation date, creator and whether it is the current version. Useful for tracking design changes and restoring previous versions. Get version history of a Figma file

Capability set04 / 04

13-16

4 capabilities in this set.

Part of 16 available through Figma.

  1. 13

    Get images

    Specify the node IDs and output format (png, jpg, svg, pdf). Optionally set scale (1x-4x) for raster formats. Returns URLs to the rendered images. Useful for exporting assets, thumbnails or previews from design files. Render Figma nodes as images

  2. 14

    Get user

    Returns user ID, email, handle, avatar URL and account type. Use this to verify your token is working correctly. Get the authenticated Figma user

  3. 15

    Get team components

    Each component includes its key, name, description, owning file and creation metadata. Useful for auditing the team's design system. Get published components for a Figma team

  4. 16

    Get team projects

    Each project has an ID, name and creation date. Use the team ID from the team URL or from get_user. Get projects in a Figma team

Observed, not estimated

982ms average. Fast in production.

Figma is checked daily against the live service.

Daily averagePeak 1269ms
Aug 20Today
Fastest day
824ms
Slowest day
1269ms
14-day trend
Stable+3%

Connect your client

One URL. Every client.

Activate the Connector, copy your link, and paste it into the client you already use. 16 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_ivWhA3xt4LH36A28LVWbb3vsRp3bTbRWHh24w7Lb/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-alternative-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_ivWhA3xt4LH36A28LVWbb3vsRp3bTbRWHh24w7Lb/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 create a Figma Personal Access Token?

    Log in to Figma, click your profile icon > Settings > Personal access tokens, click Generate new token, give it a name and copy the token immediately. it starts with figd_ and won't be shown again.

  • 02

    How do I find a Figma file key?

    The file key is the long alphanumeric string in the Figma URL. For example, in figma.com/file/abc123xyz/My-Design, the key is abc123xyz. You can also get recent files using the get_recent_files capability.

  • 03

    Can I export images from Figma designs?

    Yes! Use get_images with the file key, node IDs and format (png, jpg, svg, pdf). You can set the scale (1x-4x) for raster formats. The API returns URLs to rendered images that you can download. Use get_file_nodes first to discover node IDs.

  • 04

    Can I read and reply to comments on a design?

    Yes! Use get_comments to read all comments on a file, post_comment to add a new comment or reply (using comment_id), and post_comment_reaction to add emoji reactions. You can also pin comments to specific canvas positions using x/y coordinates.

Explore

More in Loved By Devs

Suggestions