← Claude MCP Servers Directory

🎨

Figma MCP Server

Community

About

Bridge Figma's design data with AI tools. Reference Figma designs in prompts and generate code that matches your mockups.

Features

  • Access Figma files and components
  • Pull design tokens
  • Generate code from frames
  • Component and layout data
  • Desktop and Remote server options

Installation

Using Claude Desktop

Add this configuration to your Claude Desktop config file:

# Use custom installation command:
# claude mcp add --transport http figma https://mcp.figma.com/mcp

Using Cursor

Configure in your Cursor settings (Settings > MCP):

# Use custom installation command:
# claude mcp add --transport http figma https://mcp.figma.com/mcp

How to Use

Once installed, you can ask your AI assistant to:

  • "Generate code from Figma frames"
  • "Access design system components"
  • "Pull variables and tokens"
  • "Implement pixel-perfect designs"

Resources