Layoutit!

Open-source toolkit made for Frontend Development and UX/UI design

5.0•2 reviews•

83 followers

Open-source toolkit made for Frontend Development and UX/UI design

5.0•2 reviews•

83 followers

Visit website

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..!

This is the 2nd launch from Layoutit!. View more

Layoutit Tokens

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!

Free

Launch tags:

Design Tools•Open Source•Web Design

Launch Team

Agustin Capeletto

Layoutit!

Maker

📌

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...

Report

2yr ago