code-connect-components
Maps Figma components to code implementations by scanning codebases and creating Code Connect mappings.
Install
npx skills add https://github.com/figma/mcp-server-guide --skill code-connect-componentsStats
| Total installs | 880 |
| Weekly installs | 868 |
| GitHub stars | 718 |
| First seen | Jan 20, 2026 |
| Source | @figma/mcp-server-guide |
Summary
- Requires Figma MCP server connection and published components on Organization or Enterprise plans
- Automatically identifies unmapped components in Figma selections, then scans your codebase for matching code components by name, structure, and props
- Presents matched components to you for review before creating mappings, allowing selective acceptance or rejection
- Supports multiple frameworks and languages (React, Vue, Swift UIKit, Compose, Flutter, etc.) with batch mapping creation in a single operation
Tags
Related skills
| Skill | Installs | vs code-connect-components |
|---|---|---|
| flutter-theming | 1,138 | +258 |
| excalidraw-diagram | 1,646 | +766 |
| ant-design | 991 | +111 |
| flutter-adaptive-ui | 1,297 | +417 |
| flutter-accessibility | 979 | +99 |
FAQ
- How many installs does code-connect-components have?
- code-connect-components has 880 total installs and 868 installs this week.
- Where is code-connect-components hosted?
- code-connect-components is published by @figma/mcp-server-guide at https://github.com/figma/mcp-server-guide.
- How many GitHub stars does code-connect-components have?
- code-connect-components has 718 GitHub stars.
- When was code-connect-components first indexed?
- OrangeBot.AI first indexed code-connect-components on Jan 20, 2026.
- How do I install code-connect-components?
- Run: npx skills add https://github.com/figma/mcp-server-guide --skill code-connect-components