Updated
Screen patterns
The screens of Appetite UI, a Figma UI kit for iOS and Android apps built like a design system, sorted by what they do rather than by the app they belong to. Patterns run down, app types across, and every filled cell opens the screens.
Updated
On this page
Which app has which screen?
A linked pattern has a page across all apps; a linked cell opens that app's screens. Cells without a page of their own open the app's docs, and Flows holds the kit's onboarding, settings and empty state pages.
Patterns
Each pattern sets the same screen from different apps side by side, with the rules they share and the iOS and Material values.
- DashboardDashboard screens
- Sign inSign in and sign up screens
- ProfileProfile screens
- SettingsSettings screens
- CheckoutCheckout and payment screens
- ChatChat screens
- Search and filtersSearch and filter screens
- Empty stateEmpty state screens
- DetailDetail screens
Words
The terms these screens are described with, each with its Apple, Material 3 and kit name.
- GlossaryTab bar
- GlossaryTouch target
- GlossaryBottom sheet
- GlossaryToggle and switch
- GlossaryEmpty state
- GlossaryEvery term
Start from these screens.
Every frame on this page is part of the Appetite UI file, drawn from its components and bound to its variables, so one brand edit moves every screen in light and dark.
The file holds 589 variables in 6 collections and exports its token values to SwiftUI, Jetpack Compose, Flutter and CSS. Solo covers one designer and Team up to ten people. You pay once and keep lifetime updates. Price goes up Nov 1
The read-only Figma preview opens the whole file, every screen and every variable, before you buy.