Design interactive prototypes

Design interactive prototypes in Figma — with the four heights of help laid out: do it now, make it easier for the next person to accept, work out the right move when you are stuck, and learn the pattern so it stops coming back.

4prompt heights
Open it in the interactive atlas →

The four heights

The same task, four distances: today's deadline, the next reviewer, the stuck moment, the pattern.

Execute — do the immediate task

+
I need an interactive prototype of the checkout flow for the mobile app so we can test whether…
I need an interactive prototype of the checkout flow for the mobile app so we can test whether users complete purchase steps without help. Build the flow from the current screens in the project file named Mobile Checkout v3, include tap states for Continue and Back, an animated transition from Shipping to Payment, and a working address-autocomplete mock. Share a single link I can open on my phone by Friday so UX research can run five moderated sessions.

Improve — make it easier to accept

+
Before I hand this prototype to research, make it quick to test: surface the conversion-critical…
Before I hand this prototype to research, make it quick to test: surface the conversion-critical steps up front, label which taps are mocked versus functioning, make the cart total persist across screens so researchers can validate pricing, and flag any microcopy that might confuse users. Highlight anything that will make a reviewer hesitate during a live session.

Decide — diagnose the stuck moment

+
The team pushed the new Payment screen and when I opened the prototype on my phone the transition…

I just linked the new Payment screen and the animation stutters on the phone build

The team pushed the new Payment screen and when I opened the prototype on my phone the transition stutters and the address-autocomplete mock doesn't populate. Engineers say it looks fine on desktop. I need to know whether this is a prototype performance issue I can fix here, a file setup problem, or a device-specific limitation. Should I strip the animation and test again, reduce image sizes, or ask the engineers to re-run the web build? What’s the fastest test that will tell me which it is?

Become — change the pattern

+
Across projects I keep losing time because prototypes look polished on desktop but break in…

Prototypes repeatedly fail in research because of performance and unclear mocked interactions

Across projects I keep losing time because prototypes look polished on desktop but break in moderated sessions on phones: animations stutter, mocked inputs don't behave, and researchers waste session minutes explaining fakes. Where should I change my habit so prototypes work reliably in research? Recommend a checklist or three rules I can follow during handoff that stop these failures from happening.

Next to this one

Other interface design work people do in Figma.

Every task here came from the work, not from a feature list — which is why the prompts name what you want done and never the button that does it. The tool changes; the work does not.
Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.

The rest of the map

Same library, five ways in.