# Code Connect Components

> Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect Figma to code", or wants to map design components to code implementations.

- Skill: `varunk130/code-connect-components` (Agent Skill)
- Install (CLI): `npx skillmds@latest add varunk130/code-connect-components`
- Raw SKILL.md: https://api.skillmd.com/api/skills/varunk130/code-connect-components/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: varunk130 (https://skillmd.com/u/varunk130)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/varunk130/code-connect-components

---


# Code Connect Components

Workflow: get_code_connect_suggestions (find unmapped components) -> scan codebase for matches -> present to user -> send_code_connect_mappings (batch create). Requires published components on Organization/Enterprise plans.