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: