Prototypes and assets
The Assets & Media tab (PrototypesTab) is where you manage prototypes used in usability test pages.
Supported prototype sources
Section titled “Supported prototype sources”| Source | How it works |
|---|---|
| Figma | OAuth connect → select file and frames; screens cached for performance |
| ProtoPie | Paste ProtoPie share URL; interactive player embedded in the test |
| Adobe XD | Validate and fetch screens through prototype API |
| URL | Embed external hosted prototype or staging site |
| Upload | Static images or files stored in media storage |
Figma integration
Section titled “Figma integration”- In Assets & Media, click Connect Figma.
- Complete OAuth in the popup → redirected to
/figma-callback. - Browse files and select frames for your study.
- Cached screens refresh on a schedule (API cron cleans stale cache daily).
Disconnect Figma from the same panel when needed.
ProtoPie
Section titled “ProtoPie”- Enter your ProtoPie share link
- The API validates and retrieves screen metadata
- Participants see the interactive player inside the test runtime
Using prototypes in the builder
Section titled “Using prototypes in the builder”- Create prototypes in Assets & Media.
- In Build, select a page → assign prototype.
- Add interactive tasks on that page (start screen, end screen for goal-based tasks, etc.).
- Optional: Compare assets to show different prototypes per randomisation group or condition — including variant task mapping when variant files use different screen names or URLs.
For multi-page tests where several pages share one source prototype, configure compare at section level and map starts per page or ends per task as needed. See the full guide: Compare assets.
Media library
Section titled “Media library”Upload images and files in the media library for use in questions and branding.