Loading...
Loading...
Design inspection for Claude
Figma is the collaborative design tool for interfaces and prototypes. Their MCP server lets Claude extract design context from Figma files — inspect layers, frames, components, and styles to bridge the gap between design and code. Ask Claude to describe a design, extract color tokens, list components in a file, or generate code that matches your Figma specs. Requires a full or dev seat on Figma.
https://mcp.figma.com/mcpOnce connected, Claude can use these tools automatically when relevant to your task.
get_file
Get the full structure and content of a Figma file
get_node
Get details of a specific node, frame, or layer
get_styles
Get all styles (colors, text, effects) in a file
get_components
Get all components and their properties in a file
get_images
Export images or renderings of nodes from a file
Figma hosts their MCP server at mcp.figma.com— no packages to install, no local processes. Auth happens through Figma's browser-based OAuth flow when you first connect. Requires a full or dev seat on Figma. Works across Claude.ai, Claude Code, Cursor, and VS Code.