🎯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