figma-code-connect-components - Connect Figma components to code components
Analyzes Figma components, finds matching code components, and creates confirmed Code Connect mappings.
Tags
Updated: 2026-10-02Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Analyze Figma component structure
- Find matching code components
- Present mapping choices
- Create Code Connect mappings
- Report mapping results
Inputs
- Figma URL with node ID
- Selected Figma desktop node
- Project codebase
- User mapping selections
Outputs
- Component match suggestions
- Code Connect mappings
- Mapping success or error status
Requirements
- Connected Figma MCP server
- Published team-library components
- Organization or Enterprise plan
- Project codebase access