Design Systems: best apps and software

Figma

Figma is a web-based vector graphics editor for UI/UX design, offering real-time collaboration, prototyping, and integration with custom plugins.

HeroUI

HeroUI Chat creates React applications from prompts or screenshots using AI, simplifying UI development with a versatile component library.

DESIGNmd

A free library of DESIGN.md files for design systems, with browse, download, and editor integration via MCP server or CLI.

Supernova

Supernova is a design system platform that helps teams manage, document, and scale design systems, facilitating collaboration between designers and developers.

MD Bootstrap

MD Bootstrap is a UI kit that enhances Bootstrap with Material Design components, enabling responsive web development with customizable tools and templates.

Mockplus

Mockplus is a comprehensive online platform for product design, offering tools for prototyping, collaboration, and design system management.

Glow UI

Glow UI is a Figma UI kit designed for professionals, providing high-quality components to enhance design efficiency for SaaS applications.

Aspect

Aspect is an app that allows users to visually create React components while syncing a design system to their codebase.

Zeroheight

Zeroheight helps teams create and manage design systems, centralizing styles, guidelines, and code for consistent product development and collaboration.

Framer Toys

Framer Toys is a UI Kit for Framer that provides ready-to-use design components, streamlining the creation of websites with responsive, customizable templates.

腾讯设计Ardot

AI design tool for web and macOS that turns text or images into UI, supports editing, design systems, and design-to-development handoff.

Shadcn Studio

Open-source toolkit providing 1000+ customizable Shadcn UI components, blocks, templates and a theme generator with live previews and Tailwind v4 compatibility for building consistent UIs.

tweakcn

Web editor for customizing shadcn/ui themes. Edit colors, light/dark modes, preview changes, and export CSS variables. Supports Tailwind CSS v4.

Frameblox

Frameblox is a library of over 780 Framer UI components and templates that streamlines web design and allows for customizable websites.

Design Index

Design Index is a curated repository of design systems, UI components, interaction patterns, and guidelines for designers and developers to find and compare resources.

Design Tokens Generator

The Design Tokens Generator helps create and manage design tokens, providing output in JSON, CSS, and SASS for consistent design application across projects.

Shadcnblocks

Shadcnblocks.com provides pre-built UI components and templates for web marketing and landing pages, focused on React, Tailwind CSS, and Shadcn UI design.

5sdesign

A design kit with prompts, backgrounds, color systems, font pairings, and icons for building web UIs with AI tools like Claude Code, Cursor, and v0.

Specify

Specify helps organizations manage their branding by connecting design and development tools to distribute design tokens in various formats.

Design Tokens Generator

The Design Tokens Generator helps create and manage design tokens for consistent design elements across digital platforms.

Tailkit

Tailkit is a tool that provides over 500 pre-designed, customizable components for building responsive web applications using Tailwind CSS.

AntBlocks UI

AntBlocks UI provides ready-to-use components for Figma and React based on Ant Design, streamlining UI development with customizable, modular elements.

Design Language System

Generates a complete design language system—logo, color palette, typography, and UI components—via a short 6-question chat for solo founders.

Shadcn Space

A UI resource platform for React and Next.js with shadcn/ui components, blocks, templates, and layout patterns for building reusable interfaces.

Outlined

Outlined scans a codebase to find UI tokens and patterns, then turns them into rules that help AI tools and CI keep frontend changes consistent.

AI Era

AI Era is an open-source, human-curated repository of production design systems showing AI guidelines, concrete patterns, builders, automation, readings, and job signals for AI interfaces.

Modaic

Modaic is a developer collaboration platform for DSPy programs, enabling versioning, packaging, and team collaboration on declarative AI (LLM) programs.

figr

Figr AI simplifies product design by assisting in creating user flows, wireframes, and design systems quickly and easily.

ShadCN Themes

Web app to browse, create and customize themes for shadcn/ui with live previews, OKLCH color picker, Google Fonts, border radius control, and export for Next.js/Tailwind projects.

Tokens Studio

Tokens Studio is a design token management tool that helps users create, edit, and synchronize design tokens across projects, ensuring consistency in design systems.

SeamUI

An AI image client for content creators, designers, and marketers to manage creative workflows.

FlyonUI

FlyonUI is an open-source library offering over 800 Tailwind CSS components, enabling easy integration of UI elements and interactive features in web applications.

Tailark Pro

Web app supplying ready-to-use UI blocks and full page templates (heroes, pricing, testimonials) with Tailwind/Radix integration and AI-assisted code tools for faster frontend development.

BadtzUI

BadtzUI is a UI tool that provides pre-designed ReactJS/NextJS components and templates to accelerate web development while ensuring design consistency and accessibility.

UIAble

An open-source UI component library for building accessible, responsive React and Next.js interfaces with Tailwind CSS.

ZemryX

A Figma design system and UI kit for building consistent product interfaces with reusable components, tokens, themes, and responsive layouts.

MyuiKits

Web app to browse React UI components, create and save custom components, bundle them into kits, and publish to NPM.

UI Arc

UI Arc provides customizable animated React components and interface blocks, with previews and shadcn CLI installation for web app projects.

MasterGo

MasterGo is an online UI/UX design and collaboration platform for creating interfaces, prototypes, and design systems, with real-time teamwork, developer handoff, and cloud asset management.

Contexxt

Contexxt manages design systems, connects Figma libraries with code, provides tokens and component guidance to AI coding tools, and checks generated code for compliance.

NuxtPro

Open-source Nuxt3 SaaS template for building multilingual web apps with Stripe/Cream payments, Google OAuth, i18n routing, SEO tools, SSR/SSG support, and production-grade security.