Design mobile interfaces

Design mobile interfaces 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

+
Design the core mobile interface for our main task: creating and sharing a 60-second interactive…
Design the core mobile interface for our main task: creating and sharing a 60-second interactive prototype on iOS and Android. Deliver the home screen, the composer, and the share sheet flows with touch targets, edge-case states (no network, low storage), and microcopy for the share link. Make the screens ready for handoff to engineering by next sprint planning.

Improve — make it easier to accept

+
Before finalizing the mobile UI, make it easy for engineers and beta users to approve: surface the…
Before finalizing the mobile UI, make it easy for engineers and beta users to approve: surface the expected performance costs up front, make the primary action discoverable with no more than two taps, and flag anything that would make an accessibility reviewer hesitate. Call out the single area where we should budget extra QA time.

Decide — diagnose the stuck moment

+
Beta testers say the mobile composer feels slow and sometimes crashes on older Android devices. The…

Beta testers report the composer feels slow and crashes on older Androids.

Beta testers say the mobile composer feels slow and sometimes crashes on older Android devices. The mobile lead, QA engineer Carlos, and I are on a call tomorrow. I worry we shipped a heavy animation or memory leak. I cannot tell if the issue is rendering, background uploads, or a third-party library. Recommend the first three diagnostics to run, prioritized, and a quick mitigation to push to users tonight.

Become — change the pattern

+
Over multiple mobile releases we add richer visuals and interactions, and crash rates on low-end…

Each mobile release adds polish but increases crashes on low-end devices.

Over multiple mobile releases we add richer visuals and interactions, and crash rates on low-end devices creep up. This erodes trust among a significant user segment. Recommend a development habit change and the one performance budget metric designers and engineers must enforce on every release, plus how to track it automatically.

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.