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` tool allows you to specify a File Key and Node IDs to receive high-quality render URLs in PNG, SVG, or PDF formats flawlessy.

Figma MCP Server for Cursor 12 tools — connect in under 2 minutes

Name: Figma
Availability: InStock
Author: Vinkius

docs.cursor.com/context/model-context-protocol

Built by Vinkius GDPR 12 Tools IDE

Cursor is an AI-first code editor built on VS Code that integrates LLM-powered coding assistance directly into the development workflow. Its Agent mode enables autonomous multi-step coding tasks, and MCP support lets agents access external data sources and APIs during code generation.

Get MCP Server for AI Agents

ASK AI ABOUT THIS MCP SERVER

Open in ChatGPT Open in Claude Open in Perplexity

Vinkius supports streamable HTTP and SSE.

RecommendedModern Approach — Zero Configuration

Vinkius Desktop App

The modern way to manage MCP Servers — no config files, no terminal commands. Install Figma and 2,500+ MCP Servers from a single visual interface.

Download Free Open SourceNo signup required

Classic Setup·json

{
  "mcpServers": {
    "figma": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure

About Figma MCP Server

Figma is the leading collaborative interface design tool. This MCP server allows your AI agent to interact with your Figma files, projects, and teams flawlessly.

Cursor's Agent mode turns Figma into an in-editor superpower. Ask Cursor to generate code using live data from Figma and it fetches, processes, and writes — all in a single agentic loop. 12 tools appear alongside file editing and terminal access, creating a unified development environment grounded in real-time information.

Key Features

File & Node Inspection — Retrieve the full document tree or specific layers to analyze design structures flawlessly.
Image Rendering — Render Figma frames, components, or layers into PNG, SVG, or PDF images flawlessly native.
Team & Project Orchestration — List team projects and project files to navigate your design workspace flawlessly.
Design Token Access — Extract published components, styles, and local variables to sync with codebases flawlessly.
Collaboration Tools — Read and post comments directly on design files to keep feedback loops active synchronously.
Version History — Access file version history to track design evolutions flawlessy through the agent.

The Figma MCP Server exposes 12 tools through the Vinkius. Connect it to Cursor in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.

How to Connect Figma to Cursor via MCP

Follow these steps to integrate the Figma MCP Server with Cursor.

Open MCP Settings

Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"

Add the server config

Paste the JSON configuration above into the mcp.json file that opens

Save the file

Cursor will automatically detect the new MCP server

Start using Figma

Open Agent mode in chat and ask: "Using Figma, help me..." — 12 tools available

Why Use Cursor with the Figma MCP Server

Cursor AI Code Editor provides unique advantages when paired with Figma through the Model Context Protocol.

Agent mode turns Cursor into an autonomous coding assistant that can read files, run commands, and call MCP tools without switching context

Cursor's Composer feature can generate entire files using real-time data fetched through MCP — no copy-pasting from external dashboards

MCP tools appear alongside built-in tools like file reading and terminal access, creating a unified agentic environment

VS Code extension compatibility means your existing workflow, keybindings, and extensions all work alongside MCP tools

Figma + Cursor Use Cases

Practical scenarios where Cursor combined with the Figma MCP Server delivers measurable value.

Code generation with live data: ask Cursor to generate a security report module using live DNS and subdomain data fetched through MCP

Automated documentation: have Cursor query your API's tool schemas and generate TypeScript interfaces or OpenAPI specs automatically

Infrastructure-as-code: Cursor can fetch domain configurations and generate corresponding Terraform or CloudFormation templates

Test scaffolding: ask Cursor to pull real API responses via MCP and generate unit test fixtures from actual data

Figma MCP Tools for Cursor (12)

These 12 tools become available when you connect Figma to Cursor via MCP:

get_comments

Get comments on a Figma file

get_file

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

get_file_nodes

Get specific nodes from a Figma file

get_file_versions

List versions of a Figma file

get_images

Render nodes from a Figma file as images

get_local_variables

List design tokens/variables in a Figma file

get_me

Get details for the authorized Figma user

list_components

List published team components

list_project_files

List files in a project

list_styles

List published team styles

list_team_projects

List projects in a Figma team

post_comment

Example Prompts for Figma in Cursor

Ready-to-use prompts you can give your Cursor agent to start working with Figma immediately.

"List all projects in my Figma team ID 123456."

"Get the document tree for file key abcDEF123."

"Render nodes 1:2 and 1:5 as PNG images."

Troubleshooting Figma MCP Server with Cursor

Common issues when connecting Figma to Cursor through the Vinkius, and how to resolve them.

Tools not appearing in Cursor

Ensure you are in Agent mode (not Ask mode). MCP tools only work in Agent mode.

Server shows as disconnected

Check Settings → Features → MCP and verify the server status. Try clicking the refresh button.

Figma + Cursor FAQ

Common questions about integrating Figma MCP Server with Cursor.

What is Agent mode and why does it matter for MCP?

Agent mode is Cursor's autonomous execution mode where the AI can perform multi-step tasks: reading files, editing code, running terminal commands, and calling MCP tools. Without Agent mode, Cursor operates in a simpler ask-and-answer mode that doesn't support tool calling. Always ensure you're in Agent mode when working with MCP servers.

Where does Cursor store MCP configuration?

Cursor looks for MCP server configurations in a mcp.json file. You can configure servers at the project level (.cursor/mcp.json in your project root) or globally (~/.cursor/mcp.json). Project-level configs take precedence.

Can Cursor use MCP tools in inline edits?

No. MCP tools are only available in Agent mode through the chat panel. Inline completions and Tab suggestions do not trigger MCP tool calls. This is by design — tool calls require user visibility and approval.

How do I verify MCP tools are loaded?

Open Settings → Features → MCP and look for your server name. A green indicator means the server is connected. You can also check Agent mode's available tools by clicking the tools dropdown in the chat panel.