Create interactive prototypes with the Figma Plugin
Interactive tutorial
Create prototypes from Figma screens
Joseph Lee
Updated: May 08, 2025
Description
Click through a step-by-step, interactive demo walkthrough of how to set up Figma to Supademo Imports
Steps
1
Create interactive prototypes with the Figma Plugin
2
Select your frames
Open Supademo's plugin and select the frames you want to add to your interactive prototype.
3
Add text annotations
Rearrange steps and add descriptive text for each frame in your interactive prototype.
4
Upload to Supademo
You'll be able to edit, customize and personalize your prototype online.
5
Personalize with powerful features:
- Password or email capture
- AI Voiceovers and translations
- Conditional branching
- Animations
6
Video step
7
Preview in real time
Now, let's preview the interactive prototype to see it live ✨
8
Video step
9
Share anywhere
Share your interactive prototype as a URL or embed anywhere on the web.
10
Track and analyze
Get real-time notifications and track viewership as your share your prototype.
11
Start creating prototypes in minutes