skills.rest
alima-maxalima-maxCommunity·1 Agent Skills Included

prototype-to-figma-skill

Convert working prototypes into reviewable Figma design files

Converts working code prototypes into structured Figma files with one frame per interaction state. Matches every element to your design system components, variables, and text styles, flagging gaps with drift badges. Adds native Figma annotations and flow arrows so PMs, designers, and engineers can review asynchronously without running anything. Captures pixel-perfect output headlessly, keeping designers entirely in the terminal.
138|14
↗
npx skills add alima-max/prototype-to-figma-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
alima-maxalima-max

prototype-to-figma

Convert Claude Code prototypes into structured Figma design files with annotations.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install prototype-to-figma-skill?▼

Run `npx skills add alima-max/prototype-to-figma-skill --all -g -y` in your terminal to install it globally for your agent.

How to turn a code prototype into Figma frames?▼

Just ask in plain language, like "put this prototype in Figma for review." The skill captures the running app headlessly and builds one annotated frame per interaction state.

Does it use my team's design system components?▼

Yes. It searches your Figma file's linked libraries and swaps captured elements for real DS component instances, binding color, spacing, and text style variables wherever a match exists.

Which clients work with prototype-to-figma?▼

It works with Claude Code, Claude Desktop, Cursor, VS Code, Copilot CLI, and other Figma MCP clients. Inspect-only clients receive a markdown spec document instead of a Figma file.

Do reviewers need to run the prototype to give feedback?▼

No. The output is a browsable Figma file with flow arrows, annotations, and an overview frame, so cross-functional partners can comment directly in Figma.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills