spirit:figma-to-code - Convert Figma designs into React with Spirit Web React
Implement production React UI from a Figma design using @alma-oss/spirit-web-react.
Tags
Updated: 2026-09-22Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Acquire Figma design context
- Map design to Spirit components
- Apply responsive layout breakpoints
- Implement accessibility semantics
- Validate component code
Inputs
- Figma URL or node ID
- Figma design context
- Product requirements
Outputs
- React UI component code
- Verification handoff report
Requirements
- @alma-oss/spirit-web-react package
- get_design_context MCP tool