Skip to content
Vinkius

Figma Connector for AI agents.

16 live capabilities

Manage design assets, inspect nodes, and review comments without leaving your code editor.

Live agent request Figma / Connector

Waiting for input…

AI Agent

Why people use Figma

Figma for Design Ops Efficiency

This Connector pulls that data straight into your chat. You can ask for the latest version history or a list of all comments without ever clicking a tab. You get the data you need right where you're already working.

  • Claude
  • ChatGPT
  • Gemini
  • Cursor
  • Visual Studio Code
  • Windsurf

What Vinkius changes

That your AI becomes a direct interface for your Figma design files.

Use it from Claude, ChatGPT, Cursor or another AI client you already have.

One account · 5,900+ Connectors

  1. Real-world use case 01

    Inspecting node properties for dev handoff

    A developer asks their agent to find the padding and hex codes for a specific button.

  2. Real-world use case 02

    Auditing a team's component library

    A design lead asks the agent to list all published components in the core library.

  3. Real-world use case 03

    Exporting high-res hero images

    A designer needs a 2x PNG of the hero section.

Complete set · 16capabilities

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 Capability

    Get comment reactions

    See who reacted to a specific comment and when they did it. This provides a quick pulse on design discussions.

  2. 02 Capability

    Get comments

    Review all feedback and discussion threads on a specific Figma file. This pulls the whole conversation into your agent.

  3. 03 Capability

    Get component

    Get a published component by its key to see its name and description. Use this to quickly identify specific library items.

  4. 04 Capability

    Get file

    Fetch the full node hierarchy and styles of a Figma file using its key. This lets you see the complete structure of a design.

Capability set02 / 04

05—08

4 capabilities in this set.

Part of 16 available through Figma.

  1. 05 Capability

    Get file versions

    Browse the history of a file to see labels and creator info. This helps you track how a design has evolved over time.

  2. 06 Capability

    Get image fills

    List all image URLs used in a design file for easier cataloging. This is great for auditing all assets in a layout.

  3. 07 Capability

    Get images

    Render specific nodes as PNG, JPG, SVG, or PDF at custom scales. It provides direct URLs for your exported assets.

  4. 08 Capability

    Get user

    Verify your connection by fetching your authenticated Figma user details. Use this to confirm your token is working.

Capability set03 / 04

09—12

4 capabilities in this set.

Part of 16 available through Figma.

  1. 09 Capability

    Get team component sets

    View the structure of your team's published design system libraries. This helps you understand your team's standards.

  2. 10 Capability

    Get team components

    Audit all published components for a specific Figma team. Use this to find and review every library item.

  3. 11 Capability

    Post comment

    Add a new comment to a file or reply to an existing one with a pinned location. This manages feedback in real time.

  4. 12 Capability

    Get file nodes

    Inspect specific frames or components without loading the whole file. It saves time by targeting only the parts you need.

Capability set04 / 04

13—16

4 capabilities in this set.

Part of 16 available through Figma.

  1. 13 Capability

    Get project files

    List all files within a specific Figma project including modification dates. This helps you organize your workspace.

  2. 14 Capability

    Get recent files

    Quickly find files you've been working on lately with thumbnail URLs. It skips the manual search in the Figma dashboard.

  3. 15 Capability

    Get team projects

    List all projects within a Figma team using your team ID. This gives you a high-level view of your team's work.

  4. 16 Capability

    Post comment reaction

    Add emojis like 👍 or 🔥 to existing comments on a Figma file. This helps you acknowledge feedback quickly.

Set up in minutes

One URL. Then ask Figma to work.

Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Figma from the conversation.

Choose your client

Live preview
Advanced clients IDE · CLI

Claude · Web + desktop

Official guide ↗

Connector URL · ready to paste

Streamable HTTP
https://edge.vinkius.com/vk_preview_ivWhA3xt4LH36A28LVWbb3vsRp3bTbRWHh24w7Lb/mcp
  1. Step 01

    Open Connectors

    In Claude Web or Claude Desktop, open Settings and choose Connectors.

  2. Step 02

    Add the URL

    Choose Add custom connector, name it Figma, and paste the URL above.

  3. Step 03

    Turn it on in chat

    Select +, open Connectors, and enable Figma for the conversation.

Where the request belongs

Work Figma can move forward.

Built around the request

This is for the designer who's tired of manual asset exports and the developer who's constantly asking for the final design specs.

01

Design System Lead

Audit your team's published component libraries to ensure consistency across projects.

02

Frontend Engineer

Inspect node properties and styles to get exact measurements for implementation.

03

Product Designer

Review and react to stakeholder comments without leaving your primary workspace.

Build the capability set

Add more capabilities.

Each Connector adds new actions and data without changing how you work.

Browse Connectors
Figma logo
01 15 capabilities

Figma

Connect Figma to automate design workflows. inspect files, render layers as images, and manage comments directly from your AI agent.

View Connector
MasterGo logo
02 10 capabilities

MasterGo

Collaborative design platform and UI/UX capability. manage design files, nodes, and comments via AI.

View Connector
Pixso logo
03 10 capabilities

Pixso

Collaborative design platform and UI/UX capability. manage design files, nodes, and teams via AI.

View Connector
Lanhu logo
04 10 capabilities

Lanhu

Product design collaboration platform. manage design files, handoffs, and team feedback via AI.

View Connector
Storybook logo
05 6 capabilities

Storybook

Connect your AI to Storybook. Explore your design system, inspect UI components, and retrieve implementation guidance programmatically.

View Connector
Framer logo
06 8 capabilities

Framer

Equip your AI agent with direct access to Framer. manage CMS collections, sync content, and publish site changes without opening the Framer editor.

View Connector

Bring your own AI

Change the model, client or framework. Keep Figma connected.

  • Claude
  • ChatGPT
  • Gemini
  • Cursor
  • VS Code
  • Windsurf
  • ZCode
  • Cline
  • Zed
  • Continue
  • Kiro
  • Roo Code
  • Zencoder
  • Goose
  • Void
  • Augment Code
  • Amp
  • Qodo
  • Tabnine
  • Pieces
  • Sourcegraph Cody
  • JetBrains
  • Warp
  • Amazon Q
  • Antigravity
  • BoltAI
  • Raycast
  • Jan
  • LM Studio
  • AnythingLLM
  • Open WebUI
  • Msty
  • Cherry Studio
  • LibreChat
  • TypingMind
  • Chorus
  • 5ire
  • n8n
  • LangChain
  • LlamaIndex
  • CrewAI
  • Vercel AI SDK

Before you connect

Questions about Figma.

The practical details behind the request, access and result.

Can the Figma MCP help me with dev handoff?

Yes, it lets your agent read exact node properties like padding, hex codes, and font sizes. This means you can get specs without leaving your code editor.

Does the Figma MCP support exporting assets?

Yes, it can render nodes as PNG, JPG, and SVG. You can ask your agent to export specific frames at different scales for your project.

How do I use the Figma MCP to check comments?

Your agent can fetch all comments from a specific file key. It can also read reactions and show you who is interacting with which design elements.

Can the Figma MCP audit my design system?

Yes, it can list all team components and sets. This makes it easy to check for consistency and ensure your library is up to date.

Can I use the Figma MCP to see version history?

Yes, it pulls labels, descriptions, and creator info for every version of a file. This helps you track how a design has evolved over time.

Is the Figma MCP good for finding recent files?

Yes, it can list your most recently accessed files with thumbnail URLs, making it much faster to jump back into a project you were just working on.

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.

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.

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.

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.

One connection away

Give your agent a direct line to Figma.

Connect Figma once. Keep it beside 5,900+ managed Connectors when the next task needs more.

Explore every Connector No credit card required · Free tier available