Back to library

Preview of Design Tokens Generator

Site

Design Tools & Generators · Design tokens

Design Tokens Generator

Generates a complete set of CSS custom property design tokens for colour, type and spacing from a few inputs.

Why it’s a gem
Bootstraps a token system in minutes instead of a workshop

Visit tokens.layoutit.com

Author: LayoutIt
Type: Website
License: free
Added: Aug 17, 2026
Domain: tokens.layoutit.com

design-tokens css-variables generator

More from Design tokens

Preview of UI-Anatomist

UI-Anatomist

Chrome extension that scans a rendered web UI's observable styles, states and icons, plus a Figma plugin that rebuilds them as editable variables and components.

UnknownApache-2.0

Preview of dizzy.systems

dizzy.systems

Bootstraps a project's font, colour and spacing scales into a coherent starting system before you write components.