TC
ToolCompared
MCP ServerFeatured

Figma Context MCP Server

by Framelink

Simplified Figma layout data for AI coding agents.

CommunityTypeScriptDesign Tools
View RepositoryDocumentation

About Figma Context

Figma Context MCP server gives AI coding agents simplified layout information from Figma designs. Optimized for Cursor and other AI code editors, accelerating the design-to-code workflow.

Tags

figmadesign-to-codelayoutcursor

How to install Figma Context

Add the following entry to your MCP client config (e.g. claude_desktop_config.json or .mcp.json). Refer to the official repository for the exact command, package name, and required environment variables.

{
  "mcpServers": {
    "figma-context": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-figma-context"]
    }
  }
}

Example shape only — see the repository for the canonical install command.

Related MCP servers in Design Tools

Figma MCP
Figma

Read frames and components and convert designs to code.

Canva MCP
Canva

Generate, edit, and export Canva designs from chat.

Magic
21st.dev

Generate UI components from natural language inside your IDE.

Penpot
Penpot

Open-source design and prototyping platform with native MCP.

← Back to MCP directory