LayoutIt! helps you make your frontend coding easier without needing to be an expert in JS, HTML or CSS.
Bootstrap Builder, CSS Grid Generator, Design System Builder, Design Tokens Generator, and more to come..!
Create and export Design System Tokens to any format
Quickly create Design System tokens and export them to any format you need. Layoutit Tokens is free and open-source! Keep a single source of truth to communicate, share and implement your design decisions across your teams!
Hey Product Hunt! Agustín here.
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 Tokens Generator.
With this tool you can quickly create and visualize a token set to export the result to CSS, SASS, JSON, DSP, Theo, and other standards. There are multiple categories to choose from: from color palettes and spacing, to typography, animation, and more!
Design Tokens allow teams with diverse roles to collaborate more efficiently by providing a shared repository of design elements that can be reused in many formats.
I'm thrilled to share our tool with all of you. Check it out, and we'd love to get your feedback by leaving a comment.
Thank you!
P.S.: If you'd like to collaborate, please join our open-source repo on GitHub: https://github.com/Leniolabs/lay...
We are the team behind Layoutit! please get in touch with us if you want to give us feedback to improve our tools or discuss any software development projects.
Layoutit!
MyLenio
Flamme – The AI Couples App