Free on Figma Community
A free Figma SaaS UI kit with light and dark variables
GliaKit UI is the design system behind GliaKit: the full token set as Figma variables in Light and Dark modes, and core components with every state. It is free to use in your own projects.
Color / Semantic
Variables, not hex codes
Every color is a variable with a Light and a Dark value, so switching modes re-themes the whole file.
- Color, radius and spacing tokens as Figma variables
- Light and Dark modes on the same variables
- Core components with variants and states
- Names that match the CSS custom properties 1:1
What's included
Use it on its own, or pair it with the GliaKit code where the same names drive the CSS.
From Figma to a working app
The free file is the design half. The paid GliaKit kit is the code half: a Next.js boilerplate with 15 wired screens, auth, payments, database and email connected, and rules files that make Cursor and Claude Code use the same tokens. Because the names match, a change in Figma maps to one line of CSS.
Want the background first? Read what to check in a SaaS starter with Figma files and dark mode.