Layoutit Tokens! - Create and export Design System Tokens in any format!

Quickly create Design System tokens and export them to any format you need. Layoutit Tokens has support for CSS, SASS, JSON or YAML (DSP, DCTG, Theo), is free and open-source! Keep a single source of truth to communicate, share and implement your design decisions across your teams. Use our Design Tokens generator to kickstart your next project! Try it for free at https://tokens.leniolabs.com

Layoutit Tokens! Create and export Design System tokens in any format!

It goes without saying that anything that improves the communication and collaboration of diversified teams is a step in the right direction for the whole community. That's why we created Layoutit Tokens, a free and open-source Design Token Generator where anyone can create their design choice set and then export CSS, SASS, JSON or YAML – DSP, DCTG, Theo, and more!

Step 1 - Load your Design System Guidelines

Load, create, edit and document all your Design System Tokens

Step 2 - Download your tokens in any format you like

Layoutit tokens outputs to DCTG, CSS, SASS, DSP, JSON & YAML

Layoutit - A free, Open Source set of tools for Frontend Development

Try our other tools! amazing to learn and use to develop frontend.