Designsystem: de bästa apparna och programvarorna

Figma

Figma är ett webbaserat designverktyg för UI och UX, vilket möjliggör realtidssamarbete och prototyper för olika designprojekt.

HeroUI

HeroUI Chat omvandlar användarinmatningar till färdiga React-applikationer med AI, baserat på ett öppet UI-bibliotek för webbapplikationer.

DESIGNmd

DESIGNmd är ett gratis bibliotek med DESIGN.md-filer för designsystem. Bläddra, ladda ner och använd dem i AI-kodverktyg för konsekvent UI.

Supernova

Supernova är en designplattform som hjälper team att bygga, hantera och skala designsystem för konsekventa användargränssnitt och effektivt samarbete.

MD Bootstrap

MD Bootstrap är ett bibliotek för Material Design-komponenter som förbättrar Bootstrap och underlättar skapandet av responsiva webbapplikationer.

Mockplus

Mockplus är en online-plattform för design, prototypproduktion och samarbete för UI/UX-team, med verktyg för båda webb- och skrivbordsanvändare.

Glow UI

Glow UI är ett Figma UI-kit för professionella, med högkvalitativa komponenter som underlättar designprocessen för SaaS-appar.

Aspect

Aspect-appen möjliggör visuell skapelse av React-komponenter och synkronisering av designsystem med kodbasen.

Zeroheight

Zeroheight hjälper team att skapa, hantera och underhålla designsystem för att säkerställa en enhetlig användarupplevelse över digitala produkter.

Framer Toys

Framer Toys är en app för design av Gränssnitt med färdiga komponenter som effektiviserar processen och underlättar samarbete mellan designers och utvecklare.

腾讯设计Ardot

AI-drivet designverktyg för att skapa UI från text eller bilder, redigera vektorer och hantera designsystem. Finns för webb och macOS.

Shadcn Studio

Shadcn Studio är en öppen källkodsplattform för att skapa och anpassa användargränssnitt med 1000+ Shadcn-komponenter, teman, mallar och realtidsförhandsgranskning.

tweakcn

Tweakcn är en webbaserad temaredigerare för Shadcn UI och Tailwind CSS v4; ändra egenskaper, förhandsgranska och exportera CSS/tema i realtid.

Frameblox

Frameblox är ett komponentbibliotek för webbdesign som erbjuder över 780 anpassningsbara element för att effektivisera skapande av webbplatser.

Design Index

Design Index samlar och organiserar utvalda designsystem, UI‑komponenter och riktlinjer så att designers och utvecklare snabbt kan söka, jämföra och återanvända designresurser.

Design Tokens Generator

Designtokens Generator hjälper användare att skapa och hantera designtokens för designbeslut som färger och typografi, och genererar JSON, CSS och SASS kod.

Shadcnblocks

Shadcnblocks är en resurs för att bygga moderna webbmarknadsförings- och landningssidor med över 680 UI-block för React och Tailwind CSS.

5sdesign

Ett designkit för vibekodning med prompts, animerade bakgrunder, färgsystem, typsnitt och ikoner för verktyg som Claude Code, Cursor och v0.

Specify

Specify hjälper organisationer att hantera sitt varumärke effektivt genom att koppla samman design- och utvecklingsverktyg för att distribuera design tokens.

Design Tokens Generator

Designtokens Generator är ett verktyg för att skapa och hantera designtokens, vilket underlättar konsekvent design och integration i utvecklingsmiljöer.

Tailkit

Tailkit är ett verktyg för att bygga webbapplikationer med över 500 fördesignade komponenter som stöder olika ramverk och anpassningar.

AntBlocks UI

AntBlocks UI är en app för att bygga användargränssnitt med förbyggda komponenter för Figma och React, som förenklar och effektiviserar utvecklingsprocessen.

Design Language System

Skapar komplett Design Language System (logotyp, färgpalett, typografi och UI‑komponenter) för ensamgrundare via en 6‑frågor chatt på kort tid.

Shadcn Space

Shadcn Space är en plattform med shadcn/ui-baserade komponenter, mallar och layouter för React- och Next.js-projekt.

Outlined

Outlined skannar kodbasen, identifierar designsystem och komponentmönster och gör dem till regler som hjälper AI-verktyg och CI att hålla UI konsekvent.

AI Era

AI Era är ett öppet, kurerat arkiv av officiella designsystem med AI-riktlinjer, konkreta mönster, verktyg och automation för att stödja design och utveckling av AI-integrerade gränssnitt.

Modaic

Modaic är en samarbetsplattform där utvecklare och forskare kan versionera, paketera och samarbeta kring DSPy-program för att underlätta utveckling av AI‑programvara.

figr

Figr AI hjälper dig att snabbt designa produkter genom att förenkla skapandet av användarflöden, skisser, designsystem och mer.

ShadCN Themes

ShadCN Themes låter dig bläddra, skapa och anpassa teman för shadcn/ui med OKLCH-färgval, Google Fonts, justerbar hörnradie och export för Next.js/Tailwind-projekt.

Tokens Studio

Tokens Studio är ett verktyg för att hantera designtokens, vilket möjliggör enklare temaövergångar och konsekvent design i Figma och andra plattformar.

SeamUI

En AI-bildklient för innehållsskapare, designers och marknadsförare som hjälper till att hantera kreativa arbetsflöden.

FlyonUI

FlyonUI är ett gratis, öppen källkod bibliotek med Tailwind CSS-komponenter. Det erbjuder över 800 komponenter och stöd för interaktiva funktioner.

Tailark Pro

Tailark Pro är en webbaserad UI-kit och mallplattform som levererar färdiga, responsiva sidblock och kompletta sidor (hero, pris, testimonial) för snabbare utveckling och kodintegration.

BadtzUI

BadtzUI är ett verktyg för webbapplikationsutveckling som erbjuder fördesignade ReactJS/NextJS-komponenter för att effektivisera processen och upprätthålla designkonsistens.

UIAble

UIAble är ett gratis komponentbibliotek med öppen källkod för att bygga moderna, tillgängliga webbgränssnitt i React och Next.js.

ZemryX

Ett Figma-designsystem och UI-kit med återanvändbara komponenter, designtokens och stöd för ljus/mörk läge samt flera varumärken för konsekvent UI-design.

MyuiKits

MyuiKits låter dig bläddra i React-komponenter, skapa och spara egna komponenter, paketera dem till kit och publicera dem till NPM.

UI Arc

UI Arc är ett bibliotek med animerade React-komponenter och gränssnittsblock som utvecklare kan förhandsgranska, installera och anpassa i sina projekt.

MasterGo

MasterGo är en samarbetsplattform för UI/UX-design, prototyper och designsystem, med verktyg för teamarbete, granskning och överlämning till utveckling.

Contexxt

Contexxt samlar designtokens, komponenter och riktlinjer och gör dem tillgängliga för AI-kodverktyg, som sedan kan kontrolleras mot designsystemet.

NuxtPro

Open-source Nuxt3 SaaS-mall som ger färdig integration med globala betalningar (Stripe/Cream), Google OAuth, i18n-routing, SEO-verktyg samt SSR/SSG och produktionssäkerhet.