Step 01 / 13Settings

Settings opens on Alex Moreno's account, signed in with Apple, with Ledgerly Plus and Security below.

LedgerSettingsScreenBuilt onSettingsApp ShellLessons

Flow · Ledgerly · Profile And Settings

Profile And Settings SwiftUI Flow

The Face ID lock, linked accounts and the theme in Settings, then Ledgerly Plus and signing out. 13 steps through Ledgerly.

From the Finance App template, on the screens its Xcode project ships, in Studio, Graphic and Editorial, light and dark.

SwiftUIiOS 17.0+finance-app

6 Screens13 Steps
Get SwiftPieces Pro

$199 once, every piece included. See how installing works · Sign in

Every screen and flow in Ledgerly

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 13 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

Sign inGet Pro
  1. 01    Settings

    Settings opens on Alex Moreno's account, signed in with Apple, with Ledgerly Plus and Security below.

  2. 02    Require Face ID

    Turning on Require Face ID asks iOS for Face ID the first time, and confirms it is you before the lock turns on.

  3. 03    Locked

    With the lock on, Ledgerly covers itself whenever it leaves the screen. Balances stay hidden until you unlock.

  4. 04    Unlock With Face ID

    Unlock with Face ID runs the system check, with the passcode as a fallback, and Settings is where you left it.

  5. 05    Linked Accounts

    Linked accounts shows the two outside accounts the free plan allows, and the Ledgerly Card. A third account needs Plus.

  6. 06    Theme

    Theme previews the preset on a sample card. Graphic and Editorial come with Ledgerly Plus, on the app and its widget.

  7. 07    Unlock With Plus

    Unlock opens Ledgerly Plus over the app, with the yearly plan and its free week chosen.

  8. 08    Unlocked

    The purchase goes through and a check lands, then the paywall closes on Theme.

  9. 09    Every Theme

    With Plus every preset is open. Choosing one restyles the app and its widget at once.

  10. 10    Plus

    Back in Settings, the profile wears the Plus sticker and the first row manages the subscription.

  11. 11    Sign Out

    Sign Out asks first. The data stays on this iPhone, and signing in again picks up syncing.

  12. 12    Signing Out

    The sheet shows its progress while Ledgerly signs out of the account.

  13. 13    Back To The Start

    Signing out returns to the first welcome page, ready for the next person.

02

Built from the library

The reusable screens this journey is made of. Each one installs on its own too.

03

More flows in Ledgerly

The rest of the Finance App template, journey by journey.

04

Profile And Settings in other apps

The same kind of journey, as other templates take it.