skills.homes logoskills.homescapability registry
home/categories/education/openai-skills-skills-curated-figma-code-connect-components-skill-md
cd ..
educationdocumentation

figma-code-connect-components

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

View Sourceeducation
openai
maintainer
openai
Updated 3/25/2026
Stars
16568
Forks
1020
quick start

Installation and usage

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use figma-code-connect-components