Alternatívy - Design Tokens Generator

Figma

Figma je webový editor vektorovej grafiky a nástroj na prototypovanie s podporou spolupráce v reálnom čase a mobilného náhľadu.

DESIGNmd

Knižnica DESIGN.md súborov pre návrh UI: farby, typografia, medzery a komponenty v jednom súbore. Možno stiahnuť alebo načítať do editora.

Supernova

Supernova je platforma na správu dizajnových systémov: dokumentuje, synchronizuje tokeny, komponenty a aktíva, integruje sa s návrhovými nástrojmi a poskytuje API a SDK.

Design Tokens Generator

Generátor tokenov dizajnu umožňuje definovať, organizovať a konvertovať tokeny (farby, typografia, rozstupy) do formátov ako JSON alebo CSS pre konzistentné použitie naprieč platformami.

HeroUI

HeroUI Chat prevádza textové prompti alebo screenshoty na produkčné React aplikácie s hotovým dizajnom a kódom.

MD Bootstrap

MD Bootstrap rozširuje Bootstrap o komponenty a šablóny materiálneho dizajnu pre tvorbu responzívnych webových rozhraní: komponenty, rozloženia, modály, validácia formulárov a interakcie.

Zeroheight

Zeroheight pomáha tímom vytvárať, spravovať a zdieľať dizajnérske systémy — centralizované štýly, komponenty a dokumentácia s integráciami do dizajnových a kódových nástrojov.

Shadcn Studio

Shadcn Studio poskytuje 1000+ prispôsobiteľných UI komponentov, blokov, šablón a tém, nástroje na úpravu tém, typografie a farieb a integráciu s Tailwind v4 a AI nástrojmi.

Framer Toys

Framer Toys poskytuje modulárne UI komponenty a šablóny pre Framer na rýchle prototypovanie, responzívne rozloženia a jednoduchú spoluprácu dizajnérov a vývojárov.

Specify

Specify umožňuje prepojiť dizajnérske a vývojárske nástroje, transformovať a distribuovať dizajnové tokeny a assety do 50+ formátov a generovať kód pre frontend.

腾讯设计Ardot

AI nástroj na návrh UI: tvorí rozhrania z textu alebo obrázkov, umožňuje editáciu dizajnu, správu komponentov a odovzdanie návrhu do vývoja. Pre web a macOS.

Tokens Studio

Tokens Studio umožňuje centralne spravovať dizajnové tokeny (farby, typografia, medzery, tiene) so synchronizáciou do Figma, tvorbou/editáciou a prepínaním tém a verzií.

Glow UI

Glow UI je Figma UI kit pre profesionálov, ktorý poskytuje hotové komponenty na navrhovanie používateľských rozhraní pre SaaS aplikácie.

Design Language System

DLS vytvára kompletný dizajnový jazyk (logo, paleta, typografia, UI komponenty) pre samostatných zakladateľov na základe 6-otázkového chatu.

Aspect

Vizuálne vytvára React komponenty a spravuje dizajnový systém, ktorý sa synchronizuje s vaším kódom.

ZemryX

ZemryX je Figma dizajnový systém s komponentmi, tokenmi a štýlmi pre konzistentný návrh rozhraní v svetlom/tmavom režime a pre viac značiek.

Design Index

Design Index zhromažďuje overené dizajnové zdroje a systémy v prehľadnej kolekcii, umožňuje vyhľadávať, porovnávať a používať komponenty a pokyny pre UX/UI.

Contexxt

Contexxt spravuje dizajnový systém a sprístupňuje jeho tokeny, komponenty a pravidlá AI nástrojom na tvorbu a kontrolu kódu.

tweakcn

Interaktívny editor tém pre shadcn/ui — upravujte vlastnosti, náhľad a generujte kód v reálnom čase; podporuje Tailwind CSS v4, Shadcn UI a vlastné štýly.

Mockplus

Mockplus je online platforma na návrh produktov: tvorba a prototypovanie rozhraní, spolupráca tímov, odovzdávanie dizajnov a správa dizajnových systémov a zdrojov.

AntBlocks UI

AntBlocks UI poskytuje knižnicu hotových komponentov pre Figma a React (postavené na Ant Design), aby vývojári rýchlo zostavovali a prispôsobovali používateľské rozhrania.

BadtzUI

BadtzUI poskytuje vopred navrhnuté React/Next komponenty a šablóny, zjednodušuje tvorbu responzívnych, prístupných webových rozhraní a udržiava konzistentný dizajn.

UIAble

Bezplatná open-source knižnica UI komponentov pre React a Next.js, postavená na Tailwind CSS, s dôrazom na prístupnosť, prispôsobenie a opätovné použitie.

Shadcnblocks

Shadcnblocks poskytuje knižnicu predpripravených UI blokov a šablón pre shadcn/ui, React a Tailwind CSS na zostavovanie webových a landing stránok.

Outlined

Aplikácia skenuje kódovú základňu, odvodí dizajnové pravidlá a komponenty a vracia ich do AI nástrojov a CI, aby UI zostalo konzistentné.

Frameblox

Frameblox je knižnica UI komponentov a šablón pre Framer s 780+ responzívnymi, prispôsobiteľnými sekciami a šablónami na rýchlejšiu tvorbu a úpravu webových stránok.

Tailkit

Tailkit poskytuje 500+ pripravených Tailwind komponentov: responzívnych, s podporou dark mode a kódu/snippetov pre Vue, React, Alpine a čisté HTML.

MasterGo

Online nástroj na návrh UI/UX, tvorbu prototypov a dizajnových systémov. Umožňuje tímovú spoluprácu, komentovanie návrhov a odovzdanie podkladov vývojárom.

figr

Figr AI pomáha rýchlo navrhovať produkty: vytvára používateľské toky, drôtené modely, dizajnové systémy a ďalšie návrhové artefakty.

AI Era

AI Era je ručne spravovaný prehľad použitia AI v oficiálnych dizajnových systémoch. Poskytuje AI smernice, návrhové vzory, nástroje, automatizáciu a relevantné dáta.