Skip to content

The decisions behind the file, written down.

Where Appetite UI fits against the other Figma kits, how one token source becomes SwiftUI and Compose, and what an agent reads in Figma or in Appetite UI Code.28 articles, updated

Subscribe by RSS
Show articles by topic

  • The best Figma UI kits with variables for mobile apps in 2026

    For brand, platform and dark mode in variables on iOS and Android, Appetite UI. Six Figma UI kits checked for what lives in variables and what reaches code.

    Comparison  12 min read

  • The best Figma UI kits with dark mode for mobile apps in 2026

    For dark mode on iOS and Android with your brand, Appetite UI. Eight Figma UI kits checked for how dark is built: variable modes, variants or not stated.

    Comparison  14 min read

  • The best Figma UI kits for AI coding agents in 2026

    For an agent building an iOS and Android app, Appetite UI in Figma and in code: every React Native component, and the core set in SwiftUI, Flutter and Compose.

    Comparison  15 min read

  • iOS design history: the iPhone interface from 2007 to iOS 27

    Every major change to the iPhone interface, from slide to unlock in 2007 to iOS 27's Liquid Glass slider: what changed, why, and what it still decides.

    Platforms  28 min read

  • iOS vs Android values: what a screen changes when it moves platforms

    Moving a screen from iPhone to Android changes its touch target, safe areas, bar heights, row height, switch and corners. Each value side by side, in pt and dp.

    Platforms  3 min read

  • iPhone Duo App Store screenshot sizes: 1398 × 2034 and 2007 × 2853 pixels

    App Store Connect takes 1398 × 2034 pixels for the iPhone Duo outer display and 2007 × 2853 for the inner one. Frames, alpha, video specs and a Figma recipe.

    Platforms  13 min read

  • iPhone screen sizes in Figma: 402 × 874 for iPhone 18 Pro, 440 × 956 for Pro Max

    Frame sizes in points for every iPhone that runs iOS 27: 402 × 874 for iPhone 18 Pro, 440 × 956 for Pro Max and iPhone Duo

    Platforms  10 min read

  • iOS 27 Figma components: what changed in Apple's kit and in Appetite UI's iOS mirror

    What changed in the iOS 27 Figma components, Apple's kit 27.0.0 to 27.1.0, and how Appetite UI's iOS mirror compares component by component.

    Release  12 min read

  • Touch target size on iOS and Android: 44 pt, 48 dp and the WCAG minimum

    Touch target size is 44 × 44 pt on iOS, 48 × 48 dp on Android and 24 × 24 CSS px in WCAG 2.2, checked against one Figma file

    Guide  15 min read

  • Android screen sizes in Figma: design by window size class, not by device

    Android designs by window size class: compact under 600 dp, medium 600 to 839, expanded 840 to 1199. The Figma frames to keep and the navigation for each class.

    Platforms  12 min read

  • How to rebrand a mobile app in Figma with variables

    Repoint one brand variable and a mobile app follows in light, dark, iOS and Android. Counted in a real Figma file, with what stays and an orange contrast check.

    Tokens  14 min read

  • How to choose a Figma UI kit for an iOS app

    Choose by where the app ships, then variables, rebrand, handoff and license. Ten questions with a five-minute Figma test each, and when not to buy a kit.

    Comparison  14 min read

  • Mobile onboarding screen patterns for iOS and Android

    Six onboarding screen patterns that shipped iOS apps use, which one to pick, what Apple and Google advise, and the Appetite UI screens that implement them.

    Guide  11 min read

  • Settings screen design for iOS and Android

    iOS settings are a grouped inset list with chevrons and switches; Android settings are a Material 3 list under a top app bar. Measured sizes and patterns.

    Guide  14 min read

  • Claude Code and Figma: one screen from Appetite UI, step by step

    Connect Figma's MCP server to Claude Code, add the Core Skill and Swift tokens, and build the Appetite UI Finance home screen in SwiftUI, dark mode included.

    AI  12 min read

  • Figma MCP for mobile: make your agent build with your components

    Figma's MCP server hands an agent the canvas. What it returns for a mobile frame, and what makes the agent build with your tokens and components.

    AI  13 min read

  • Why vibe-coded apps all look the same, and what a design system changes

    A model fills every decision you left out with its most likely value. Where the sameness comes from, and how named tokens and platform rules change it.

    AI  12 min read

  • More apps, same downloads: why design sets an app apart in 2026

    About 560,000 new apps reached the App Store in H1 2026 while downloads grew 2 percent. What the numbers show, what Apple enforces, and where design decides.

    AI  13 min read

  • How to design for iPhone Duo in Figma

    iPhone Duo frame sizes in points, the vertical bar for toolbars and tab bars, layouts for both displays, reserved regions and Figma variable modes.

    Platforms  16 min read

  • How to make Liquid Glass in Figma for iOS 27

    Figma Glass settings for the Clear, Regular and Tinted looks of iOS 27, the rules that make glass render, where Apple puts it, and what it becomes in code.

    Guide  14 min read

  • How to design a Live Activity and the Dynamic Island in Figma

    Apple's Dynamic Island and Live Activity sizes, the 2026 changes its table misses, a Figma build for all four presentations, and Android 16 Live Updates.

    Platforms  13 min read

  • How to design one app for iOS and Android in Figma

    Keep one token set, share the components that behave alike, draw bars and sheets once per platform, and switch touch targets with a Figma variable mode.

    Guide  11 min read

  • iOS vs Material 3: what changes per component

    iOS and Material 3 differ most in navigation, the primary action, sheets and snackbars. Per component: SwiftUI and Compose names, touch targets and sizes.

    Platforms  14 min read

  • The best Figma UI kits for mobile apps in 2026

    For one app on iOS and Android, Appetite UI; for one platform, Apple's or Google's kit. Nine Figma UI kits with prices, the same checks and a picker.

    Comparison  23 min read

  • Apple's iOS kit, Google's Material 3 kit or Appetite UI: which to start from

    Which Figma kit to start from: Apple's iOS 27 kit for an iPhone-only app, Google's Material 3 kit for Android, Appetite UI when one app ships on both.

    Platforms  11 min read

  • Dark mode with Figma variables, not duplicate frames

    Dark mode in Figma without a second set of frames: semantic variables with a Light and a Dark mode, one frame per screen, and the checks to run before handoff.

    Guide  10 min read

  • How one Figma token becomes SwiftUI, Compose, Flutter and CSS

    One Figma variable, brand/base, followed into CSS, SwiftUI, Compose and Flutter: where each code name comes from, what a mode becomes, what cannot translate.

    Tokens  11 min read

  • How Appetite UI works with AI agents: Claude, Cursor and the Core Skill

    The Appetite UI Core Skill, included in the Figma file, tells Claude, Cursor and other agents which token to use, so a generated screen reads your values.

    AI  10 min read

Side by side

The short answer, one page each.

Decision pages with a dated table and the sources they read. The articles above are the long answer.

Appetite UI and Apple's iOS 27 UI kit

One platform and its exact components, or one file for iOS and Android, side by side.

Compare with Apple's kit

Appetite UI and the Material 3 Design Kit

Google's baseline for Android, or Material roles that carry your brand on iOS too.

Compare with Material 3

Appetite UI and Untitled UI

A web kit and a mobile kit, side by side on the screens where they differ.

Compare with Untitled UI

Appetite UI and Dynamic Layer

Two mobile kits, compared on the rebrand, the second platform and the code.

Compare with Dynamic Layer

Figma UI kits for mobile apps

The other files people weigh for iOS and Android, each in its own words.

See the alternatives

How to choose a Figma UI kit for an iOS app

Ten questions to ask of any kit, each with a five minute test in Figma.

Read the guide

Enough reading. Open the file.

The articles explain the decisions. The kit is where you can watch them work.

Get lifetime accessOpen the Figma preview