figma-prototype

Installation
SKILL.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 existing components and follow atomic structure.

When to Use

  • Creating clickable prototypes for user testing
  • Demonstrating user flows (onboarding, checkout, auth)
  • Building interactive presentations for stakeholders
  • Generating standalone HTML prototypes via memi prototype

Workflow

Step 1: Define the User Journey

Map the flow as screens + transitions:
Installs
1
First Seen
1 day ago
figma-prototype — sarveshsea/design-skills