🔗
Figma Code Connect
CommunityConnect Figma designs to code components for seamless handoff.
FigmaIntegration
Installation
Clone or download this skill to your Claude Code skills directory:
# Clone to your skills directory
git clone https://github.com/figma/claude-skills ~/.claude/skills/figma-code-connect
Skills are stored in ~/.claude/skills/ for personal use or .claude/skills/ for project-specific skills.
How it Works
This skill extends Claude Code's capabilities by providing specialized instructions for connect figma designs to code components for seamless handoff.
When you work on tasks related to this skill's domain, Claude Code automatically loads the relevant instructions to improve accuracy and provide domain-specific guidance.
Automatic Activation
Skills load automatically when Claude detects relevant tasks
Manual Invocation
Use
/figma-code-connect to explicitly invokeCompatibility
This skill uses the open Agent Skills specification and is compatible with:
Claude Code
Claude.ai
Tags
figmadesigncodehandoff