Logo
Agent Skills Guide

code-connect-components

published 2026/01/15

Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect this component to code", "connect Figma to code", "map this component", "link component to code", "create code connect mapping", "add code connect", "connect design to code", or wants to establish mappings between Figma designs and code implementations. Requires Figma MCP server connection.

📦 Install Skill

Command line install

Install directly with the `skills` CLI.

npx skills add figma/mcp-server-guide/skills/code-connect-components

Local download

Download only this skill directory.

Download code-connect-components only
File Explorer
0 files
No file selected
readonly

Select a file to view its content