skills.homes logoskills.homescapability registry
home/categories/web3-tools/vgventures-very-yummy-coffee-claude-skills-vgv-figma-implement-design-skill-md
cd ..
web3-toolsblockchain

vgv-figma-implement-design

Translates Figma designs into production-ready Flutter widgets with 1:1 visual fidelity using the Figma MCP server. Maps design tokens to ThemeData/ThemeExtension, places components in the project's UI package (default shared/ui_kit), and validates with Alchemist golden tests. Trigger when a user provides Figma URLs or asks to implement a design as Flutter widgets. Requires a working Figma MCP server connection.

Ver código fuenteweb3-tools
VGVentures
maintainer
VGVentures
Actualizado 3/2/2026
Estrellas
11
Forks
7
quick start

Installation and usage

Translates Figma designs into production-ready Flutter widgets with 1:1 visual fidelity using the Figma MCP server. Maps design tokens to ThemeData/ThemeExtension, places components in the project's UI package (default shared/ui_kit), and validates with Alchemist golden tests. Trigger when a user provides Figma URLs or asks to implement a design as Flutter widgets. Requires a working Figma MCP server connection.

Instalación
$ install --globalskills.sh
Uso

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

skills use vgv-figma-implement-design