Clone to Claude
Last commit on July 28, 2026·Created on April 13, 2026
alima-max/prototype-to-figma-skill
“Translates working code prototypes into structured Figma design frames and interaction flows.”
Combined rank
#492
across all skills
In Design
#44
category rank
Stars
138
+0.7% in last 7d
Forks
14
0.0% in last 7d
Watchers
4
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description
This skill converts functional code prototypes into organized Figma files, exploding interaction flows into separate frames and mapping them to existing design system components. It allows designers to maintain visual parity between the IDE and design tools without manual recreation.
By generating native Figma annotations and state transitions, the tool makes technical prototypes legible for product managers and stakeholders to review asynchronously without needing to run the underlying code.
WHO IT'S FOR
Product Designers
convert code prototypes into design system frames
Product Managers
review prototype interaction flows asynchronously
Frontend Engineers
generate Figma handoffs from working prototypes
Design System Leads
reconcile prototype elements to DS components
30 Days of GitHub Stars
+14 stars↑ 11.3% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install1 Skill · 7 Compatible agents · 3 categories · 1 install path
Compatible agents
❯Claude Code❯Codex❯Cursor❯Gemini CLI❯Copilot❯Kiro❯OpenHands
Categories
DesignDeveloper ToolingProduct
Install via
Repository instructions
Also in this category4 of 46