skills.homes logoskills.homescapability registry
home/categories/productivity-tools/openai-skills-skills-curated-figma-implement-design-skill-md
cd ..
productivity-toolstools

figma-implement-design

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

Voir le code sourceproductivity-tools
openai
maintainer
openai
Mis à jour 3/25/2026
Étoiles
16568
Forks
1020
quick start

Installation and usage

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

Installation
$ install --globalskills.sh
Utilisation

Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :

skills use figma-implement-design