Skip to content
Appetite UI Symbol
Appetite UI

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.

Onboarding sign in screen from Appetite UI, light modeOnboarding sign in screen from Appetite UI, 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. One mobile design system.

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

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

Start at screen level, not at button level.

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

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

One architecture under every component.

Every component reads from the same tokens: 403 variables in 6 collections, from one W3C DTCG source.

Follow a token to the code
Workflows

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

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

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

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

Brano Stupak

App developer

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

Jacob Engelbreth

Digital Concept Developer

Free files

You may have seen this in the Figma community.

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, 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
FAQ

Questions worth asking.

Answered by the person who built it.

Who should not buy this?[+]

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.

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 every future version is included in what you already paid. Read the changelog and judge the pace yourself rather than take a promise.

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.

Your next rebrand is one edit.

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