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.

View Sourceweb3-tools
VGVentures
maintainer
VGVentures
Updated 3/2/2026
Stars
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.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use vgv-figma-implement-design