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
- Get Code Connect suggestions
- Scan codebase components
- Compare component properties
- Present candidate matches
- Create confirmed mappings
- Summarize mapping results
Inputs
- Figma URL with node ID
- Selected Figma desktop node
- Project codebase
- User mapping selections
Outputs
- Component match findings
- Code Connect mappings
- Mapping success and error status
- Mapping summary message
Requirements
- Connected Figma MCP server
- Published Figma team-library component
- Organization or Enterprise Figma plan
- Access to the project codebase