---
title: "Design Tokens Generator"
description: "Generates a complete set of CSS custom property design tokens for colour, type and spacing from a few inputs."
canonical: "https://vibing.inc/library/design-tokens-generator-vg-0709"
category: "Design Tools & Generators"
subcategory: "Design tokens"
license: "free"
author: "LayoutIt"
source: "https://tokens.layoutit.com/"
---

# Design Tokens Generator
Generates a complete set of CSS custom property design tokens for colour, type and spacing from a few inputs.
## Facts
- Source: https://tokens.layoutit.com/
- Category: Design Tools & Generators / Design tokens
- Author: LayoutIt
- Licence: free
- Tags: design-tokens, css-variables, generator
## Why it's a gem
Bootstraps a token system in minutes instead of a workshop
---
Listed in The Vibeary: https://vibing.inc/library/design-tokens-generator-vg-0709 · JSON: https://vibing.inc/api/public/library/gems/design-tokens-generator-vg-0709