skills.homes logoskills.homescapability registry
home/categories/productivity-tools/davila7-claude-code-templates-cli-tool-components-skills-creative-design-figma-implement-design-skill-md
cd ..
productivity-toolstools

figma-implement-design

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

سورس دیکھیںproductivity-tools
davila7
maintainer
davila7
اپ ڈیٹ ہوا 2/8/2026
اسٹارز
24426
فورکس
2400
quick start

Installation and usage

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection.

انسٹالیشن
$ install --globalskills.sh
استعمال

انسٹال کرنے کے بعد، آپ یہ اسکل ٹرمینل میں درج ذیل کمانڈ چلا کر استعمال کر سکتے ہیں:

skills use figma-implement-design