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.

ソースを表示web3-tools
VGVentures
maintainer
VGVentures
更新日 3/2/2026
スター
11
フォーク
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.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます：

skills use vgv-figma-implement-design