figma-mcp
NewCommunity RegistryDesignby Anthropic
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
Install & Usage
1
Create the skills directory
mkdir -p .claude/skills2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/figma-mcp.md https://raw.githubusercontent.com/anthropics/claude-plugins-public/main/external_plugins/figma/SKILL.md3
Invoke in Claude Code
/figma-mcpdesignmcp
Frequently Asked Questions
What is figma-mcp?
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.
How to install figma-mcp?
To install figma-mcp, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /figma-mcp.
What is figma-mcp best for?
figma-mcp is a community categorized under Design. It is designed for: design, mcp. Created by Anthropic.