SSyncDev

Cursor Talk To Figma MCP Server

Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.

Local serverstdioTypeScript★ 3

What is the Cursor Talk To Figma MCP Server?

Enables Cursor AI to interact with Figma, allowing programmatic design modification and data extraction.

The short version

This project implements a Model Context Protocol (MCP) integration between Cursor AI and Figma, allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

How to install the Cursor Talk To Figma MCP Server

{
  "mcpServers": {
    "TalkToFigma": {
      "command": "bun",
      "args": [
        "/path/to/cursor-talk-to-figma-mcp/src/talk_to_figma_mcp/server.ts"
      ]
    }
  }
}

Configuration as documented by the project. Restart the client after saving.

Example prompts to try

  • “Use Cursor Talk To Figma to Styling.”

Frequently asked questions

You can create and modify Figma elements, extract information about documents, selections, and nodes, customize styling and layout, manage components, and even execute JavaScript code within Figma (use with caution!).

Alternatives to the Cursor Talk To Figma MCP Server

Figma

Feed real design data to your coding assistant — layout, tokens and components straight from Figma files.

Developer ToolsTypeScript★ 11.0k

Figma

Integrates Figma's API with Claude and other Model Context Protocol (MCP) compatible clients, providing read-only access to Figma files and projects.

Design & Creative ToolsTypeScript★ 150

Canvas

Manages courses, assignments, enrollments, and grades within Canvas using the Canvas API.

Design & Creative ToolsRemoteTypeScript★ 101

3D Model Context Protocol

Provides a unified TypeScript interface for LLMs to interact with various 3D software applications.

Design & Creative ToolsPython★ 16

Figma To Vue

Generates Vue 3 components from Figma designs, adhering to Hostinger's design system.

Design & Creative ToolsTypeScript★ 10

Figma

Converts Figma designs into React applications by processing Figma file data and providing it in a React-friendly format.

Design & Creative ToolsTypeScript★ 2