figma-design-react - Analyze Figma Designs for React Component APIs
Analyzes Figma designs and proposes React component architecture, props APIs, and variant handling without implementing components.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Parse Figma URLs
- Fetch design context
- Resolve variable definitions
- Capture design screenshots
- Analyze variants and structure
- Propose React component APIs
- Save design context
Inputs
- Figma URL
Outputs
- Design analysis
- React component architecture proposal
- Props API proposal
- Variant handling proposal
- design-context.md file
- proposed-api.md file
Requirements
- Figma MCP tool access
- Todo list management tool
- Figma file access permissions