The request is generic ('design-system', what to use), and it does not name a platform or constraint, such as a framework or design tool, that would decide which design system fits. Among the candidates, shadcn 2 is the most widely used component system, built for AI-assisted work, and Figma 3 covers the design-side tooling and code-connect workflow. Which to pick depends on whether you need a React/Vue/Angular component library or a design-to-code system.
A question back: Which framework or stack are you building for (React, Vue, Angular, Blazor, or plain CSS), and do you need a component library, design tokens, or a Figma-to-code workflow?
- 1
- 2
Figma Developer Docsfigma.comverified and signed
Figma's developer platform, with a REST API and MCP server plus skills for generating design systems from code and connecting Figma components to code components 3.
official:MCP server · Figma MCP Serverskill · figma-useskill · implement-designskill · figma-generate-design+292 community tools built for it
for agents: figma-generate-library · code-connect-components · create-design-system-rules
- 3
PrimeVueprimevue.devwebsite read, tools not yet checked
A design-agnostic, accessible Vue UI component library with a multi-layered design token architecture for customizing colors, spacing and radius 10.
+1 community tools built for it
- 4
- 5
RavenMCPravenmcp.aiverified and signed
A design intelligence MCP server for Claude that exposes design-system token tools and lets you edit tokens and styles on a live page 4.
official:MCP server · Ravenpackage · Raven
for agents: list_design_systems · compose_system · get_design_system
Sources
- 2shadcnshadcn.com · read 2026-10-29
- 3Figma Developer Docs | Developer Docsdevelopers.figma.com · read 2026-10-29
- 4RavenMCP — Design Intelligence MCP for Claude · Open Sourceravenmcp.ai · read 2026-10-29
- 9Angular Primitivesangularprimitives.com · read 2026-10-29
- 10PrimeVue - Vue UI Component Libraryprimevue.dev · read 2026-10-29
For agents: the 10 actions behind this answer
fluentui-blazor · fluentui-blazor verified and signed
Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentData
shadcn · shadcn verified and signed
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a
figma-generate-library · figma-generate-library verified and signed
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, create individual components with proper variant sets and variable bindings, set up theming (light/dark modes), document foundations, or reconci
list_design_systems · Raven verified and signed
Browse available design systems for tokens. Filter by category (component-library, consumer, developer, fintech, framework, platform, productivity) or search by name.
· shadcndesign website read, tools not yet checked
The shadcn/ui Figma kit endorsed by shadcn: 2,000+ components in all 8 styles, Figma variables that match the code, Pro Blocks, templates, charts and a plugin that turns designs into clean shadcn/ui and Next.js code.
· SEED Design System website read, tools not yet checked
SEED는 당근 제품을 위해 통합된 디자인 언어입니다.
· useVyre website read, tools not yet checked
AI-native design system for React and Vue. Zero hallucinations.
SimpleSystemsManagement · AWSSDK - SimpleSystemsManagement verified and signed
· Angular Primitives website read, tools not yet checked
Angular Primitives is a low-level headless UI component library with a focus on accessibility, customization, and developer experience.
· PrimeVue website read, tools not yet checked
The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.
Labels are the instruments' verdict and are never changed by ranking. Agents and robots get this same answer as JSON at /api/v1/find?q=…&answer=1 and through the MCP server.