memi-design

Figma Prototype — Design skill for Claude Code

Design community

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

Terminal
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 Repository