Dev tools · alternatives · 2026

24 alternatives to Layoutit Tokens

Create and export Design System Tokens to any format

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Layoutit Tokens launched in 2023; newer entries below may have overtaken it.

1. 1LA
   Layoutit – An interactive CSS Grid generator▲437

   2018 · layoutit.com · its alternatives →

2. 2
   Layouts.dev▲699

   A notebook for building interfaces with Tailwind & shadcn/UI

   2024 · layouts.dev · its alternatives →

3. 3
   Design Tokens Generator▲72

   Approachable design tokens and design system foundation

   2023 · its alternatives →

4. 4
   Figma Design Tokens▲149

   Making design tokens a single source of truth for Figma.

   2020 · its alternatives →

5. 5OS
   Open-sourcing our text-to-CAD app▲179

   Hey HN! I'm Zach from Adam (https://adam.new/). We’re building an AI co-pilot for mechanical CAD software. As part of our broader research, we built a browser-based Text-to-CAD app (https://news.ycombinator.com/item?id=44182206) and are now open sourcing it. This is a React SPA with a Supabase backend. What it does: * Generates parametric 3D models from natural language descriptions, with support for both text prompts and image references * Outputs OpenSCAD code with automatically extracted parameters that surface as interactive sliders for instant dimension…

   2025 · github.com · its alternatives →

6. 6
   Tetrisly Lite▲121

   Components library, design tokens, docs, plugin for Figma

   2023 · its alternatives →

7. 7
   Tokenbase▲5

   Easily create, manage and distribute Design Tokens

   2023 · its alternatives →

8. 8
   Tetrisly Design System▲130

   Figma component library, design tokens plugin

   2023 · its alternatives →

9. 9
   Layout.dev▲145

   Turn ideas into prototypes — in seconds

   2025 · layout.dev · its alternatives →

10. 10
    Masonry▲203

    Pintrest-like layouts in javascript

    2016 · its alternatives →

11. 11
    Design Lint▲271

    A design linting plugin for Figma.

    2020 · its alternatives →

12. 12
    UI Core▲11

    UI kit with design tokens

    2023 · its alternatives →

13. 13
    Specify 2.0▲190

    Your design token engine

    2024 · its alternatives →

14. 14
    Open Design SDK▲139

    Read and display data from designs, using code

    2021 · its alternatives →

15. 15
    Sketchsheets▲182

    Make wireframing quick and easy

    2016 · its alternatives →

16. 16
    UI KIT▲65

    UI kit crafted by professionals

    2022 · its alternatives →

17. 17
    4,000 Free Open Source UI Icons▲136

    4,000 CC 4.0 licensed core icons by Streamline

    2023 · its alternatives →

18. 18
    Stream UI Kit▲195

    A beautiful open source Bootstrap 4 UI kit

    2018 · its alternatives →

19. 19
    Style Dictionary Play▲86

    Free online playground for Amazon's design token library

    2021 · its alternatives →

20. 20
    Puzzle Tokens for Sketch▲69

    Bring the power of styles preprocessing to Sketch

    2019 · its alternatives →

21. 21
    Module 02: Layouts▲164

    Professional toolkit for UI/UX design

    2016 · its alternatives →

22. 22
    Open Design▲139

    Dev toolkit to read, change & display data from design files

    2021 · its alternatives →

23. 23
    Dembrandt▲77

    Pulls website design tokens into standard W3C DTCG JSON

    Mar 2026 · dembrandt.com · its alternatives →

24. 24
    Visualtap.design▲96

    Growing design library and freebies for hectic designers

    2023 · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →