Interactive Figma Prototype for a Wealth-Onboarding Flow
Overview
What this challenge is about.
Audit the contractor's static Figma file for inconsistencies (typography scale, spacing tokens, missing states). Restructure into a working design system using Figma variables for theming. Build full interactive flows: 9 happy-path screens, 3 error states (failed KYC, ineligible risk profile, funding-card-rejected), 1 microinteraction per screen (input validation, smart-keyboard, progress indicator). Wire it for a usability test (entry from a fake email link, real device frames). Deliver the Figma file (link), a 5-minute Loom walkthrough, and a 4-page handoff brief covering interaction inventory + design-token coverage.
The Brief
What you'll do, and what you'll demonstrate.
Convert a static contractor Figma file into a research-ready interactive prototype covering 9 screens + 3 error states for a moderated usability test.
Earning criteria — what you'll demonstrate
- Restructure inherited static design files into research-ready interactive prototypes
- Apply Figma variables to enforce design tokens across multi-screen flows
- Design microinteractions and error states that mimic real user friction
- Hand off prototypes engineering teams can build from without ambiguity
Program Fit
Where this fits in your program.
Sharpens the same skills your degree expects you to demonstrate.
Skills
Skills you'll demonstrate.
Each one shows up on your verified credential.
Careers
Roles this prepares you for.
Real titles. Real skill bridges. Pick the one closest to your trajectory.
Product Manager
Product managers fluent enough in Figma to ship a research-ready prototype themselves run usability rounds without waiting for a designer — a senior-PM signal in any product-led org.
This challenge sharpens
- figma
- interactive-prototyping
- usability-testing