The request asks what to use for a UI design system. The strongest fit is Figma, which pairs design with a system-building workflow 212, with shadcn providing a component library built for AI-assisted UI work 919 and Cloudflare's kumo-design offering dashboard design guidance 414. MUI and Ant Design are established React component libraries with theming and tokens 515616.
- 1
Figmafigma.comverified and signed
Figma is a collaborative design canvas with an MCP server and skills that build or update a design system in Figma from a codebase, including variables, tokens and components 212.
official:MCP server · Figma MCP Serverskill · figma-useskill · implement-designskill · figma-generate-design+276 community tools built for it
for agents: figma-generate-library · code-connect-components · create-design-system-rules
- 2
- 3
- 4
- 5
21st21st.devverified and signed
21st is a catalog of React and Tailwind CSS components, templates and shadcn themes installed via a CLI, with tools to explore UI directions grounded in a project's design system 313.
official:MCP server · 21st.dev+1 community tools built for it
for agents: 21st-ui-explore · 21st-ui-build · 21st-cli-use
Sources
- 2Figma: The collaborative canvas for design, code, and AIfigma.com · read 2026-10-29
- 3React Components, Templates & Themes — 12,000+ Crafted UI | 21st21st.dev · read 2026-10-29
- 4Cloudflare: Build for the agent eracloudflare.com · read 2026-10-29
- 5MUI: The React component library you always wantedmui.com · read 2026-10-30
- 6Ant Design - The world's second most popular React UI frameworkant.design · read 2026-10-30
- 9shadcnshadcn.com · read 2026-10-29
- 12figma-generate-library: declares "figma-generate-library" (the record we read and signed)unfragile.ai · read 2026-10-24
- 1321st-ui-explore: declares "21st-ui-explore" (the record we read and signed)unfragile.ai · read 2026-10-24
- 14kumo-design: declares "kumo-design" (the record we read and signed)unfragile.ai · read 2026-10-24
- 15material-ui-theming: declares "material-ui-theming" (the record we read and signed)unfragile.ai · read 2026-10-24
- 16ant-design: declares "ant-design" (the record we read and signed)unfragile.ai · read 2026-10-24
- 19shadcn: declares "shadcn" (the record we read and signed)unfragile.ai · read 2026-10-24
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
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
21st-ui-explore · 21st-ui-explore verified and signed
Explore and compare multiple meaningfully different UI directions grounded in the current project's design system and 21st inspiration. Use when the user wants options, variants, concepts, a redesign direction, visual experimentation, or is unsure how a new interface should look. Trigger for request
kumo-design · kumo-design verified and signed
Cloudflare product design guidance. Use when designing, implementing, or reviewing Cloudflare dashboard interfaces, Kumo UI, responsive styling, dialogs, or frontend tests.
material-ui-theming · material-ui-theming verified and signed
Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.vars, dark mode, TypeScript augmentation). Use when building or extending a theme, toggling light/dark, or aligning tokens across an app.
ant-design · ant-design verified and signed
Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline `@ant-design/cli`. Use for component selection, theming/tokens, SSR, a11y, performance, routing/access/CRUD, AI/chat UI patterns, local API lookup, debugging, migration, and usage analysis.
compose_ui · tailgrids found in code, not yet checked
Given a natural language description of a UI section, return a Tailgrids component plan, install commands, and a starter TSX composition.
list_components · semantic-next found in code, not yet checked
List all available Semantic UI components with their tag names and descriptions
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
· 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.