π―Skills3
π―implement-designπ―Skill
Guide for the official Figma MCP server that brings Figma design context to AI agents, enabling code generation from selected frames and design data extraction.
implement-design
π―create-design-system-rulesπ―Skill
Generates custom design system rules tailored to your project for Figma-to-code workflows, creating project-level instructions that encode component patterns, naming conventions, and architectural decisions for Claude Code, Codex, and Cursor.
create-design-system-rules
π―code-connect-componentsπ―Skill
Connect Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure, scanning codebase for matching components, and establishing design-code mappings.
code-connect-components
