Ship your tokens to every platform

Twelve export formats generated straight from your design system — with light and dark themes and responsive type — or opened as a pull request on GitHub.

Install on Figma — free Try Pro free

UIX : Design System Generator×

Code export showing generated CSS variables

What you get

Code export, done properly

Web

CSS variables, SCSS, Tailwind v4 (@theme) and a Tailwind v3 config.

Design tokens

W3C DTCG / Style Dictionary JSON, and a lossless UIX config you can pull back into the plugin.

Native

SwiftUI, Jetpack Compose, Android XML resources and Flutter.

Docs

Markdown docs and a standalone HTML style guide.

Themes & responsive type

Dark and high-contrast themes, per-device type through media queries or fluid clamp().

GitHub sync

Open a pull request with the formats you choose, or pull a config back from a repo.

Light and dark, in code as in Figma

Theme modes become data-theme blocks in CSS and Tailwind, adaptive colors in SwiftUI and Compose, and night resources on Android — mirroring the variable modes in your file.

One pull request, every platform

Connect a repository with a fine-grained GitHub token, choose your formats and UIX opens a pull request. Requests go directly from Figma to GitHub.

tokens.css

:root {
  /* Primitive colors */
  --color-primary-500: #3F80FF;
  --color-primary-600: #1C64F2;
  --color-primary-700: #0A51D8;
}

tailwind.css (v4)

@import "tailwindcss";
@custom-variant dark (&:where([data-theme=dark], [data-theme=dark] *));
@theme {
  --color-primary-500: #3F80FF;
  --color-primary-600: #1C64F2;
}

Free & Pro

What’s included

Free

CSS variables.

Pro 7-day free trial

All 12 formats, fluid type and GitHub sync.

Compare every feature →

FAQ

Questions about code export

How do I export Figma variables to CSS?

Open Code in UIX and pick CSS variables. You get a tokens.css with primitives and theme blocks — copy it, download it, or push it to GitHub.

Does it support Tailwind v4?

Yes. UIX writes a Tailwind v4 @theme file with a dark variant, and a v3 config for older projects.

Can UIX open a GitHub pull request?

Yes, with Pro. Connect a repo with a fine-grained token, choose formats, and UIX opens the pull request. You can also pull a config back into the plugin.

Related features

Build your design system today.

Free to start in any Figma file. Pro is free for 7 days.

Install on Figma See pricing