Onboarding preference picker, Trace sample iOS screen
iOS
Onboarding
E-commerce

Onboarding preference picker

Trace

Dark onboarding question with avatar-led selectable rows and a step progress bar for choosing product interests.

Pastes as editable Figma layers — auto layout, real text, restylable fills. Not a screenshot.

Patterns

ListForm

Part of these flows

Wellness onboarding to paywall4 screens
  1. Step 1: Get started auth sheet
  2. Step 2: Habit setup wizard step
  3. Step 3: Choose a plan paywall
  4. Step 4: Free-trial subscription paywall
Commerce first-run and rewards3 screens
  1. Step 1: Marketplace welcome screen
  2. Step 2: Onboarding preference picker
  3. Step 3: Cash-back rewards detail

Related screens

Marketplace welcome screen, Nook (iOS sample screen)
Marketplace welcome screenNook
Cash-back rewards detail, Tally (iOS sample screen)
Cash-back rewards detailTally
Habit setup wizard step, Halo (iOS sample screen)
Habit setup wizard stepHalo
Streaming home with hero and rows, Reel (iOS sample screen)
Streaming home with hero and rowsReel