Skip to content

New in 2.5: iPhone Duo, charts, Tasks

Design in Figma. Ship in your app.

A Figma UI kit for iOS and Android, built like a design system rather than a sticker sheet. Every component is bound to variables and already sits on real app screens, so a rebrand is one edit.

Finance app home in light mode: a total balance with its change this month, Send, Receive, Pay and Top up, and recent transactions
Finance
  • Finance

    Finance app home in light mode: a total balance with its change this month, Send, Receive, Pay and Top up, and recent transactionsFinance app home in dark mode: a total balance with its change this month, Send, Receive, Pay and Top up, and recent transactions
  • AI

    AI assistant thread in light mode: a request to summarize the Q3 report, answered with churn by plan in a table, and an Ask anything fieldAI assistant thread in dark mode: a request to summarize the Q3 report, answered with churn by plan in a table, and an Ask anything field
  • Foodie

    Dish sheet in light mode: Shoyu ramen with a choice of size, extras and Add to cartDish sheet in dark mode: Shoyu ramen with a choice of size, extras and Add to cart
  • Booking

    Review and pay screen in light mode: a lakeside cabin in Ruka, price details, a Visa card and Confirm and payReview and pay screen in dark mode: a lakeside cabin in Ruka, price details, a Visa card and Confirm and pay
  • Fitness

    Fitness analytics in light mode: weekly training time in stacked bars by day, split into Strength, Cardio and Mobility, and weight progress against a targetFitness analytics in dark mode: weekly training time in stacked bars by day, split into Strength, Cardio and Mobility, and weight progress against a target
  • Social

    Chat list in light mode: a row of stories above recent conversationsChat list in dark mode: a row of stories above recent conversations
  • Tasks

    My work screen of the Tasks app in light mode: a weekly progress card, a Today, Upcoming and Done segmented control, and a task list with labels and timesMy work screen of the Tasks app in dark mode: a weekly progress card, a Today, Upcoming and Done segmented control, and a task list with labels and times
  • Onboarding

    Welcome back sign in, light mode: X, Apple, Facebook and Google buttons, email and password fields, and Sign inWelcome back sign in, dark mode: X, Apple, Facebook and Google buttons, email and password fields, and Sign in
  • Settings

    Preferences screen in light mode: language, currency and dark mode rows, and switches for push, email and SMS alertsPreferences screen in dark mode: language, currency and dark mode rows, and switches for push, email and SMS alerts
  • Empty state

    Empty state in light mode: No transactions yet, with Add money and Go backEmpty state in dark mode: No transactions yet, with Add money and Go back

Changelog 2.5

iPhone Duo, Dynamic Island, charts and tables, and a Tasks app, from one token source.

Full changelog

Architecture

One source of truth. One file for iOS and Android.

Open a screen group and build today. The token architecture underneath is why a rebrand is still one edit six months from now.

The kit's Color Picker on its Palette tab with the brand blue chosen, #155DFC at 100% in its field and a blue Submit button, above the top of a Time Picker at 10:30 AM with 30 min selected, beside a Table of people and their teams and a Heatmap of active days, 58 of 91, in shades of the same blueThe kit's Color Picker on its Palette tab with the brand blue chosen, #155DFC at 100% in its field and a blue Submit button, above the top of a Time Picker at 10:30 AM with 30 min selected, beside a Table of people and their teams and a Heatmap of active days, 58 of 91, in shades of the same blue

Tokens

Rebrand in minutes

Change the brand color once. Every component, both platform mirrors, light and dark, follow it. You do not reopen a single screen.

App examples

Ready-to-use screens

App flows for finance, booking, fitness, social, AI, food and tasks, built from the same components and wired to the same tokens.

Platforms

Ship both platforms

Apple and Material conventions live together. No second library, no translation step.

Code handoff

Hand off without a spec

Your developer adds the token outputs to the project and reads the values you designed with.
The Preferences screen in light mode: a General group with Language set to English, Currency set to USD and a Dark mode switch that is off, then Notifications
The same Preferences screen in dark mode, with the Dark mode switch on and every row and label in the same place

Dark mode

Dark mode is already drawn

Every component already has it, because color is a token and tokens have two modes.

AI agents

Brief an agent in one file

The Core Skill in the file you buy tells Claude, Cursor and Figma Make which token to use.

Screens

Start at screen level, not at button level.

Complete app screens, wired to your tokens. Open one and keep building.

Components

One architecture under every component.

Every component reads the same 589 variables in 6 collections, in light and dark.

Workflows

Four ways to ship. Multiplatform, iOS, Android, AI.

Changing path never means changing file.

  1. Design once, ship both.

    One neutral token set drives every screen on both platforms. Most projects start here and never need to leave.
    Appetite UI components in the kit's blue: a time picker with 10:30 AM chosen, a color picker on the brand blue, a file upload at 60%, a table of people with paid and pending tags, the Finance Cards screen with a blue debit card and this month's spending, a heatmap of active days and an order status card with its progress stepsAppetite UI components in the kit's blue: a time picker with 10:30 AM chosen, a color picker on the brand blue, a file upload at 60%, a table of people with paid and pending tags, the Finance Cards screen with a blue debit card and this month's spending, a heatmap of active days and an order status card with its progress steps
  2. Apple conventions, your brand.

    System colors keep their accessibility behavior. Only the accent carries your brand, so nothing about the platform breaks.
    Three iPhone screens from Appetite UI's app templates: a Chat list with stories and recent messages, a Finance dashboard with the total balance on a blue header, send, receive, pay and top up buttons and recent transactions, and a Fitness analytics screen with a week of activity barsThree iPhone screens from Appetite UI's app templates: a Chat list with stories and recent messages, a Finance dashboard with the total balance on a blue header, send, receive, pay and top up buttons and recent transactions, and a Fitness analytics screen with a week of activity bars
  3. Material 3 with real values.

    Material roles mapped to your brand. One dropdown returns the whole set to the untouched system.
    Three Android screens from Appetite UI with the Material status bar: a Finance dashboard on the brand blue, a Chat list with stories and recent messages, and an Account setup screen with language and currency rows and notification switchesThree Android screens from Appetite UI with the Material status bar: a Finance dashboard on the brand blue, a Chat list with stories and recent messages, and an Account setup screen with language and currency rows and notification switches
  4. Your agent reads the same file.

    The Core Skill in the file tells Claude, Cursor or Figma Make which token and platform pattern to use.
    Appetite UI's AI components: a navigation drawer with Library, pinned projects and recent chats, Q3 churn breakdown selected, a sent message about churn in Q3, and a prompt composer with an attached Board pack Q3.pdf, a plus button and a blue send buttonAppetite UI's AI components: a navigation drawer with Library, pinned projects and recent chats, Q3 churn breakdown selected, a sent message about churn in Q3, and a prompt composer with an attached Board pack Q3.pdf, a plus button and a blue send button
I now design systems and apps much faster and more efficiently. A great investment and a foundation for good app designs.
Bára LiškováUI Designer
Appetite UI has helped us develop mobile apps much faster and more efficiently.
Jan DoanUX Designer
The outputs I get from our designer are more understandable for development. I recommend it.
Braňo StupákApp developer
The token architecture is the real product. Everything else in the file is downstream of it.
Jakub EngelbrethDigital Concept Developer

Pricing

One payment. Yours forever.

No subscription and no seat math.

Solo

$79

USD, paid once

Price goes up Nov 1

One designer, unlimited projects.

  • Personal and client work, no project limit
  • Edit components, variables and styles for your brand
  • Share design files with clients and developers
  • Every future release

Team

$149

USD, paid once

Up to ten people on one shared system.

  • Everything in Solo
  • Ten people sharing the same source of truth
  • Shared library setup guidance
  • Direct support from the maker

Enterprise

Custom

Quoted in writing

Several product teams on one private library.

  • Everything in Team
  • Unlimited users
  • A derived private library for your brand
  • Every future release

FAQ

Questions worth asking.

Answered by the people who build it.

Still have a question?

Write to us. It lands in one inbox, read by the people who build Appetite UI.

Anyone shipping web, dashboards or internal tools. This is iOS and Android only, and a kit built for the web will serve you better. Anyone who needs one screen for a pitch and will never reopen the file should take a free Community file instead. Buy it when the file has to survive a rebrand, a second platform, or a developer who wants the values, not a spec.

One that keeps both platforms on one token source. Apple's kit covers iOS and iPadOS and Google's Material 3 kit covers Android, one platform each, so an app on both means two systems with different role names. Appetite UI holds an iOS 27 mirror and a Material 3 mirror in one file, both reading the same 589 variables, and its Platform Bridge has a System mode that returns each screen to the values Apple and Google publish.

Yes. Light and dark mode switch through Figma's variable modes, which need a paid Figma plan, and so does publishing the file as a team library.

Yes. Personal, client and commercial projects, unlimited. What you cannot do is resell, sublicense or redistribute the system, or share the file outside your licensed team. The license sets out the full terms. The Solo license covers one designer, so design teams and agencies need a Team license.

Yes. Appetite UI has shipped continuously since launch, and every future version is included in what you already paid. The latest release, in October 2026, added iPhone Duo, Dynamic Island, charts and tables, a Tasks app flow, animated components and Liquid Glass in three styles. The changelog shows the pace, so you can judge it yourself rather than take a promise.

Yes. Open the read-only preview of the full file in Figma. It is the whole system, every component and app screen, so you can see exactly how it is built before you spend anything.

Your next rebrand is one edit.