Skip to content
Appetite UI Symbol
Appetite UI

Design in Figma.
Ship in your app.

A mobile design system that reaches the code. Change one token and the whole file follows, including the native iOS and Android components.

Multiplatform screen, light modeMultiplatform screen, dark mode
Previous app typeFitnessNext app type
Onboarding, light modeOnboarding, dark modeSettings, light modeSettings, dark modeEmpty state, light modeEmpty state, dark modeFinance, light modeFinance, dark modeFitness, light modeFitness, dark modeSocial, light modeSocial, dark mode
Changelog 2.3

Branded platform components, tokens that ship as code, and Motion Foundations.

Full changelog
Architecture

One source of truth. Everything you need.

A rebrand is one edit, not a sweep across every screen.

One brand color change moving through every component

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.

Real application screens built directly on the system

Apps examples

Ready-to-use screens

Real app screens built directly on the system. Token-connected, component-accurate starting points.

Apple and Material conventions living in one file

Platforms

Ship both platforms

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

The token package installed in a developer project

Code handoff

Hand off without a spec

Your developer installs the token package and reads the exact values you designed with.

The same screen in light and dark mode

Dark mode

Get dark mode

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

The same screen in light and dark mode

AI agents

Brief an agent in one file

The free Core Skill tells Claude, Cursor and Figma which token to reach for.

Screens

Six screen groups, ready to open.

All in one pack.

Onboarding
Onboarding screens from Appetite UI
Settings
Settings screens from Appetite UI
Empty State
Empty state screens from Appetite UI
Finance
Finance screens from Appetite UI
Fitness
Fitness screens from Appetite UI
Social
Social screens from Appetite UI
Components

1,972 components, one architecture.

Every one reads from the same tokens.

Workflows

Four ways to work.

Changing path never means changing file.

Design once, ship both.

One neutral token set drives every screen on both platforms. Most projects start here and never need to leave.

Multiplatform components in Appetite UI
Flutter standard Appetite UI Mobile Design integration
React Appetite UI Mobile Design integration

Apple conventions, your brand.

System colours keep their accessibility behaviour. Only the accent carries your brand, so nothing about the platform breaks.

iOS components carrying the customer brand
Apple IOS Appetite UI Mobile Design integration
Swift UI Appetite UI Mobile Design integration

Material 3 with real values.

Material roles mapped to your brand, not a screenshot of the baseline. One dropdown returns the whole set to the untouched system.

Material 3 components carrying the customer brand
Android Appetite UI Mobile Design integration
Kotlin Appetite UI Mobile Design integration

Your agent reads the same file.

The Appetite Core Skill teaches any agent which token to use and which platform pattern to pick. Free, and it works with Claude, Cursor and Figma.

AI tools reading the Appetite UI token architecture
Claude AI Appetite UI Mobile Design integration
Cursor Appetite UI Mobile Design integration
ChatGPT AI Appetite UI Mobile Design integration

The token architecture is the real product. Everything else in the file is downstream of it.

Jacob Engelbreth

Digital Concept Developer

The outputs I get from our designer are more understandable for development. I recommend it.

Brano Stupak

App developer

I now design systems and apps much faster and more efficiently. A great investment and a foundation for good app designs.

Bara Liskova

UI Designer

Appetite UI has helped us develop mobile apps much faster and more efficiently.

Jan Doan

UX Designer

Free files

You may have seen this in the Figma community.

A teaser with the useful part removed is the industry standard. These are the opposite of that. Open the variables panel and the whole token chain is there, primitives resolving into semantic aliases, exactly as it works in the paid system. There are no refunds here, so the free files carry the risk instead.

See community profile
Pricing

One payment. Yours forever.

No subscription and no seat maths.

Solo

$79

One designer, unlimited projects.

The full Figma system, one architecture
Token package
Personal and client work, no project limit
Every future release
Get Solo for $79

Team

$149

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
Get Team for $149
One-time payment, Lifetime updates and Works on the free Figma plan

All sales are final and there are no refunds. Open the free files first.

FAQ

Questions worth asking.

Answered by the person who built it.

Who should not buy this?[+]

If you build for the web, dashboards or internal tools, this is the wrong file. If you need one screen for a pitch and will never open it again, take a free Community file instead. This earns its price when your file has to survive a rebrand or a second platform.

Do I need a paid Figma plan?[+]

No. It runs on the free Figma plan. You only need a paid plan for Figma's own team library features.

Can I use it for client work?[+]

Yes, on unlimited personal, client and commercial projects. You cannot resell or redistribute the system, or share the file outside your licensed team. Solo covers one designer, so agencies need Team.

Will this still be updated next year?[+]

Yes. It has shipped continuously since launch and 2.3 is current. Future versions cost you nothing. Read the changelog and judge the pace yourself.

Can I try it before buying?[+]

Yes. Open the free files on Figma Community first. Same architecture at a smaller scale, so you can inspect the variables panel before you spend anything.

Read all eighteen questions

Your next rebrand is one edit.

One-time payment  |  Lifetime updates  |  Works on the free Figma plan