Figma Prototype — Design skill for Claude Code
Build interactive Figma prototypes with flows, transitions, and user journey mapping.
How to install Figma Prototype
Installs to ~/.claude/skills/memi-design-memi-figma_prototype/SKILL.md
mkdir -p ~/.claude/skills/memi-design-memi-figma_prototype && curl -fsSL https://raw.githubusercontent.com/memi-design/memi/HEAD/skills/FIGMA_PROTOTYPE.md -o ~/.claude/skills/memi-design-memi-figma_prototype/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Figma Prototype does
name: figma-prototype description: Build interactive Figma prototypes with flows, transitions, and user journey mapping user-invocable: true model: opus effort: max context:
- skills/FIGMA_USE.md
/figma-prototype — Create Interactive Prototypes
Build interactive prototypes in Figma with flows, transitions, and user journey mapping. Generates prototype HTML for testing. Requires /figma-use.
Freedom Level: High
Full creative freedom for interactions and flows. Must use existin
Alternatives in Design
- Learning Output Style — Interactive learning mode for skill building 14k ★
- Plannotator — Interactive plan review UI for Claude Code with visual annotation, offline sharing, and Obsidian/Bear integrat 3.3k ★
- App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Design Present
Generate an interactive HTML presentation from Figma screens — annotated walkthrough with transitions, speaker
Rogue Open Design Skill
Generate web, mobile, and desktop prototypes, slides, dashboards, and editorial layouts from a single prompt u
Dom2figma
Capture rendered web prototypes with headless Chrome and import them into Figma as editable layers. Whole prot
Figma Generate Diagram
Figma'da akış şemaları, mimari diyagramlar, user journey ve sequence diagram üretir.
Govuk Prototypes
[--base ] [--names ] - Create multiple GOV.UK prototype variations in a designs directory for exploring differ
Claude Wireframe Skill
A Claude Code skill that generates B&W UX wireframe prototypes as interactive HTML files
Related Agents
Design Strategist
Use this agent for upstream design thinking — user flows, information architecture, journey mapping, persona d
Prototype Developer
Create interactive HTML prototypes from wireframes and API analysis for stakeholder review and validation, wit
UX Component Designer
Use this agent when you need to design, prototype, or document UI components and design systems. This includes