Design Systems & Component Libraries brand directory

Supernova is an AI-powered platform that unifies design system management, collaborative documentation, design-to-code automation, and AI-assisted prototyping in a single environment for enterprise product teams.

Chromatic is the official cloud platform for Storybook, providing automated visual, interaction, and accessibility testing combined with a structured UI review and approval workflow. It integrates into CI/CD pipelines to catch UI regressions before merge, and publishes versioned component libraries as a searchable shared workspace for design and engineering teams.

zeroheight is a design system platform that unifies documentation, token delivery, adoption measurement, and governance in one connected hub. It syncs live with Figma, Storybook, and version-control repositories to keep documentation perpetually up to date, and adds AI-powered authoring, an MCP server for grounding external AI tools, and enterprise-grade access controls for teams scaling design systems across products and organisations.

Figma is a browser-native, collaborative design platform spanning UI/UX design, prototyping, design systems management, developer handoff (Dev Mode), whiteboarding (FigJam), and AI-powered product creation (Figma Make, Figma Sites, Figma Buzz, Figma Draw). It serves as the primary tool for teams to create, scale, and maintain design systems—publishing shared component libraries, managing design tokens via Variables, enforcing brand consistency, and bridging design to engineering through code specs, Code Connect, and an MCP server for AI coding agents.

UXPin is a UI design and prototyping platform that differentiates through its code-to-design approach. Its UXPin Merge technology lets designers work with real, production-ready React components synced from Git or Storybook, enabling high-fidelity prototypes that behave like finished products. Forge AI (Merge AI 2.0) adds generative layout capabilities using GPT and Claude models, grounded in the team's actual component library. The platform covers wireframing, interactive prototyping, design system management, and developer handoff with JSX code export—all within a single environment targeting enterprise product and DesignOps teams.

Knapsack is an enterprise design system and digital production platform that unifies design tokens, live-rendered coded components, and dynamic documentation into a single governed workspace. It connects Figma and Git repositories in real time, supports multiple front-end frameworks, and enables non-engineers to prototype with production-ready components. Its 2025 Intelligent Product Engine adds AI-agent support via an MCP Server, enabling teams to generate and ship governed digital experiences using agentic tools at enterprise speed and scale.

Specify was a design token automation platform that served as a pipeline between design tools (Figma, Tokens Studio) and engineering codebases. It stored, transformed, and distributed design tokens and assets—colors, typography, spacing, shadows, icons, fonts, and more—across teams and platforms using a configurable, open-source parser system. Its core value proposition was eliminating manual handoff work and keeping design decisions synchronized between designers and developers in real time.

Style Dictionary is a free, open-source Node.js build system for transforming design tokens defined in JSON/JS files into platform-specific style outputs (CSS, iOS, Android, JS, etc.), enabling a single source of truth for visual design decisions across any number of platforms and frameworks.

Bit is an open-source composable software development platform that treats every piece of code — from a button component to a full backend service — as an independently versioned, publishable, and reusable unit. The platform includes a CLI toolchain (bit.dev), a collaborative cloud hub (bit.cloud) for hosting and discovering components across teams, and Hope AI, an AI-powered development agent for generating complete system architectures and production-ready code from natural language prompts, design files, or specifications.

React Cosmos is a free, open-source, React-exclusive component sandbox that enables frontend developers to build, test, and iterate on UI components in isolation using a file-system fixture model, an interactive browser UI, and a full-stack plugin system.