How to Use the Figma MCP in Cursor

Q: Can I use Figma styles in Cursor?

Yes. Use liststyles to pull your published design system tokens, which the agent then applies to the code it generates.

Build faster in Cursor by letting this MCP Server inject real Figma design data directly into your codebase.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Figma MCP to Cursor

Create your Vinkius account to connect Figma to Cursor and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Figma with Cursor

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Automated Cursor design system imports

Stop manually mapping design tokens to your codebase. Use `list_styles` and `list_components` to grab live design system data. Your agent uses these outputs to write code that aligns with your current design system, cutting down on styling discrepancies.

Inspect Figma nodes inside Cursor

Need to understand a complex frame structure? Use `get_file_nodes` to pull raw node properties into your project context. This allows your agent to analyze layer constraints and auto-layout settings, turning design specs into functional components in seconds.

Direct Figma comment handling in Cursor

Keep your design feedback loop inside your editor. Use `post_comment` to push questions or updates back to the design team without breaking your focus. This integration lets you link specific code blocks to design comments, ensuring everyone stays on the same page.

Setup guide

Set up Figma MCP in Cursor

Prerequisites

Cursor installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP Settings

Go to Cursor Settings → MCP or open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and search for "MCP: Add Server".
2

Add the Figma MCP

Cursor will create or open .cursor/mcp.json in your project root. Paste the JSON snippet on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Enable Agent mode

Open Composer (Cmd+I / Ctrl+I) and switch to Agent mode using the dropdown at the top. MCP tools are only available in Agent mode.
4

Verify the connection

Ask Cursor something like "List my recent Figma transactions." If the MCP tools are loaded correctly, Cursor will call the Figma tools automatically. You can also check Settings → MCP for a green status indicator.

.cursor/mcp.json

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

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Figma. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Figma now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Figma MCP in Cursor

Create a .cursor/mcp.json file in your project root. Define the server path and arguments there to enable the tools in Agent mode.

It does. Once the server is defined in your JSON config, the Agent can invoke tools like `get_file` during your coding sessions.

Yes. Use `list_styles` to pull your published design system tokens, which the agent then applies to the code it generates.

The server respects standard API rate limits. If you hit a ceiling, the server returns an error which the agent handles gracefully.

The connection is point-to-point between your machine and Figma. We do not log your file contents or personal design assets.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript

Mastra AI sdk-typescript

Start using the Figma MCP today

We host it, we monitor it, we maintain it. You just paste one token.

Get started