skills.homes logoskills.homescapability registry
home/categories/technical-docs/figma-mcp-server-guide-skills-figma-implement-design-skill-md
cd ..
technical-docsdocumentation

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`.

Ver código fuentetechnical-docs
figma
maintainer
figma
Actualizado 4/8/2026
Estrellas
1070
Forks
98
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`.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use figma-implement-design