---
title: Works with SwiftUI, Compose, Flutter, CSS and AI tools
source: https://www.appetiteui.com/works-with
---

# The tools Appetite UI works with today.

Appetite UI is a Figma UI kit for iOS and Android apps, built like a design system. One token source drives Apple and Material components in light and dark mode, and exports to SwiftUI, Jetpack Compose, Flutter and CSS.

One page for each tool or stack, with what the file gives it, how to wire it up, what to watch for and the tool’s own documentation.

| Tool | What you get | Page |
| --- | --- | --- |
| SwiftUI | A Swift token file: dynamic colors, Dynamic Type text, spacing and radius, named like the Figma variables. | https://www.appetiteui.com/works-with/swiftui |
| Jetpack Compose | A Kotlin token output read as AppetiteTheme, with a ready Material 3 typography object. | https://www.appetiteui.com/works-with/jetpack-compose |
| Flutter | A Dart token file and ThemeData for Light and Dark, named like the Figma variables. | https://www.appetiteui.com/works-with/flutter |
| CSS | A CSS file of --ap custom properties, with the dark values as a second block. | https://www.appetiteui.com/works-with/css |
| Claude Code | The Core Skill, a slop linter skill and an AGENTS.md, for .claude/skills. | https://www.appetiteui.com/works-with/claude-code |
| Cursor | A rules block for .cursor/rules and an AGENTS.md, both from the Core Skill. | https://www.appetiteui.com/works-with/cursor |
| Figma Make | SKILL.md and tokens.md to attach to a Figma Make chat. | https://www.appetiteui.com/works-with/figma-make |