How do I connect my Figma account?

You need to provide a Figma Personal Access Token. You can find this in your Figma Account Settings. Once you enter it into the Vinkius interface, the connection is ready.

Which AI clients can use this Figma MCP?

This MCP works with any compatible client, including Claude, Cursor, Windsurf, and VS Code.

Can the AI actually see my design files?

Yes. The agent can inspect the document tree, retrieve specific nodes, and view file versions to understand your design structure.

Can I get images of my designs through the AI?

Yes. You can use the get_images capability to render Figma frames, components, or layers as PNG, SVG, or PDF files.

Is it possible to manage comments?

Yes. The MCP includes capabilities to get, post, and delete comments directly on your Figma files.

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.

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.

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.

An astronaut overseeing a futuristic data hub

Download PDF Markdown Version

Connect Figma to ChatGPT, Claude and Gemini

Set it up once and it works in ChatGPT, Claude, Cursor, and any other client you love. It all runs safely in the background, so you can relax and focus on what really matters. Bring your design files directly into your AI workflow.

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.

Your AI does the work. We keep it safe and sound.

No other AI tool gives you this. Your workflow runs in the client you already love, your account stays protected, and you decide what the agent can and cannot do. It is the whole reason to make the switch.

Each Connector lives inside our infrastructure, the same place where your workflow runs. The three things below are already part of it, working quietly in the background so you never have to think about them. Nothing to add, nothing to set up, nothing to worry about.

V8 Isolate01

Each Connector runs inside its own sealed environment.

Each Connector runs inside its own sealed V8 runtime — no access to your files, your system, or other servers. A Connector never sees past its own request.

Kill Switch02

One switch stops every agent. Instantly.

One action deactivates every Connector, revokes every token, and ends every session at once. AI Governance keeps the record.

FinOps per User03

Spending limits that pause instead of surprise.

Every user keeps their own connections and credentials, isolated from everyone else. Anything that would cross your spending limit is held for your approval, not billed.

Three controls, built into the layer your AI connects through.

Curated set · 15 capabilities

We ship only the actions that matter.

Capability set01 / 04

01-04

4 capabilities in this set.

Part of 15 available through Figma.

01
Get images
This capability renders specific Figma nodes as image files.
02
Post comment
Use this to add a new comment to a Figma file.
03
Get local variables
This capability retrieves the design tokens and variables stored in a file.
04
List components
Get a list of all published team components.

Capability set02 / 04

05-08

4 capabilities in this set.

Part of 15 available through Figma.

05
Get comments
This capability pulls all existing comments from a Figma file.
06
Get file
Retrieve a Figma file with optional depth limits for page or frame traversal.
07
Get file nodes
This capability fetches specific nodes from a designated Figma file.
08
Get file versions
Access the version history of a Figma file.

Capability set03 / 04

09-12

4 capabilities in this set.

Part of 15 available through Figma.

09
List project files
Get a list of all files within a specific project.
10
List styles
This capability lists the published styles for a team.
11
List team projects
Retrieve a list of all projects in a Figma team.
12
Delete comment
Remove a specific comment from a Figma file using its ID.

Capability set04 / 04

13-15

3 capabilities in this set.

Part of 15 available through Figma.

13
Get component set
Fetch metadata for a specific published component set.
14
Get team info
Get metadata and details about a Figma team.
15
Get me
Retrieve details for the user currently authorized to use the MCP.

Real work

What teams actually run

Automated Asset Handoff

A developer asks the agent to render specific UI components as PNGs for a documentation site.

Design System Sync

An engineer extracts local variables and styles to ensure the code matches the design tokens.

Feedback Monitoring

A manager asks the agent to list recent comments on a file to check for pending design decisions.

File Auditing

A designer uses the agent to inspect the document tree and verify layer naming conventions.

Automate a task

Put Figma to work on one thing.

Step-by-step automations your AI runs through this Connector: the workflow, the prompts to start with, and the exact capabilities behind each move.

One connector, every AI

Figma works with the most popular AI clients.

These are the most popular clients, each with a step-by-step guide: one link, set up once, with governance and visibility built in. And because everything runs on the MCP standard, the same connection also works in any other compatible client — nothing to rebuild.

Building your own app? The connector is yours to use.

You don't need a client to put Figma to work: the same hosted connection plugs into your own applications and agent code, with the same governance on every request. Build with it, chat with it — one connection for both.

Observed, not estimated

962ms average. Fast in production.

Figma is checked daily against the live service.

Daily averagePeak 1045ms

Oct 3Today

Fastest day: 690ms
Slowest day: 1045ms
14-day trend: Improving-9%

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.

1In Claude Desktop, open Settings → Connectors.
2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
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

Guided setup for Claude? Set up Figma in Claude and other AIs

See all the AI clients this connector works with ↑

Who it's for

Built for the work Figma owners hand off.

This MCP is built for professionals working at the intersection of design and code.

01
Frontend Developers
Pull design tokens and component metadata directly into your code.
02
Product Designers
Automate documentation and asset handoff without manual exports.
03
Product Managers
Monitor design progress and review comments using natural language.

FAQ

Questions Figma owners ask.

01
How do I connect my Figma account?
You need to provide a Figma Personal Access Token. You can find this in your Figma Account Settings. Once you enter it into the Vinkius interface, the connection is ready.
02
Which AI clients can use this Figma MCP?
This MCP works with any compatible client, including Claude, Cursor, Windsurf, and VS Code.
03
Can the AI actually see my design files?
Yes. The agent can inspect the document tree, retrieve specific nodes, and view file versions to understand your design structure.
04
Can I get images of my designs through the AI?
Yes. You can use the get_images capability to render Figma frames, components, or layers as PNG, SVG, or PDF files.
05
Is it possible to manage comments?
Yes. The MCP includes capabilities to get, post, and delete comments directly on your Figma files.
06
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.
07
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.
08
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

Connect Figma to Claude, Cursor, ChatGPT & more

Your AI does the work. We keep it safe and sound.

Each Connector runs inside its own sealed environment.

One switch stops every agent. Instantly.

Spending limits that pause instead of surprise.

We ship only the actions that matter.

01-04

Get images

Post comment

Get local variables

List components

05-08

Get comments

Get file

Get file nodes

Get file versions

09-12

List project files

List styles

List team projects

Delete comment

13-15

Get component set

Get team info

Get me

What teams actually run

Automated Asset Handoff

Design System Sync

Feedback Monitoring

File Auditing

Building your own app? The connector is yours to use.

Figma Connector

Claude Desktop

Frontend Developers

Product Designers

Product Managers

How do I connect my Figma account?

Which AI clients can use this Figma MCP?

Can the AI actually see my design files?

Can I get images of my designs through the AI?

Is it possible to manage comments?

How do I obtain my Figma Personal Access Token?

Where can I find the File Key?

Can I render design layers as images via chat?

Figma AI Connector

Pixso AI Connector

Vectorizer AI AI Connector

Design Pickle AI Connector

Suggestions

Ideogram (AI Image Generation) AI Connector

MasterGo AI Connector

Adsorption System Designer AI Connector

Flare System Design AI Connector