Launching today
Tokens by UI Colors
Build your product’s visual language with design tokens
2 followers
Build your product’s visual language with design tokens
2 followers
Tokens is a visual playground for creating a unique visual language for your digital product. Explore colors, typography, spacing, radius, and shadows with simple controls, then fine-tune every detail with advanced customization options. Tokens uses a reusable system of primitive and semantic design tokens to help keep your interfaces consistent across websites, SaaS products, and apps, whether built by humans or AI agents. Export it as CSS variables or a DESIGN.md file.
Free Options
Launch Team
Render Sandboxes: a computer for every agentRun untrusted code safely. Idle sandboxes cost nothing
Promoted
Hi!
I’m Erik, the maker of UI Colors. UI Colors started as a tool for generating and exploring (Tailwind CSS) color scales.
With Tokens, I wanted to take the product further and make it possible to explore the full visual language of a product: color, typography, spacing, radius, shadows and semantic roles.
You can use presets and quick controls to explore different directions fast, fine-tune the underlying design tokens, preview everything in real UI examples, and export the result as CSS variables or a DESIGN.md file.
I’d really love to know:
Would this fit into your workflow, and what would make it significantly more useful?
Cheers!
Erik