F

Figma MCP

Access Figma designs and assets from AI coding tools

Official
Featured
Design
Claude Desktop Config
{
  "mcpServers": {
    "figma": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp",
      "headers": { "Authorization": "Bearer <OAUTH_TOKEN>" }
    }
  }
}

About Figma MCP

Official Figma MCP server connects AI assistants directly to Figma design files.

Features

  • Read design files and components
  • Extract CSS styles and design tokens
  • Access assets and images
  • View component properties and variants
  • Inspect layer structure
  • Available as OAuth remote server

Perfect for design-to-code workflows.

Tags

figmadesignuiassetsremote