home/categories/architecture-patterns/openai-plugins-plugins-figma-skills-figma-code-connect-components-skill-md
architecture-patternsdevelopment
figma-code-connect
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.js files.
maintainer
openai
Updated 4/7/2026
Stars
759
Forks
69
quick start
Installation and usage
Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Use when the user mentions Code Connect, Figma component mapping, design-to-code translation, or asks to create/update .figma.js files.
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