For building a design system, Figma's developer platform offers a REST API and MCP server with actions to generate design system libraries from code 111, while shadcn and Chakra UI provide ready component libraries with tokens and migration/build skills 91819. Primer, Silicaui, and RavenMCP cover token and component layers as alternatives 435.
- 1
Figma Developer Docsfigma.comverified and signed
Figma's developer platform, with a REST API, an MCP server and skills; its figma-generate-library action builds or updates a design system in Figma from a codebase, including variables and tokens 11.
official:MCP server · Figma MCP Serverskill · figma-useskill · implement-designskill · figma-generate-design+292 community tools built for it
for agents: figma-generate-library · figma · code-connect-components
- 2
- 3
Chakra UIchakra-ui.comverified and signed
A React component library with semantic design tokens, typography and recipes for component variants; its chakra-ui-builder action builds and configures accessible components 18.
for agents: chakra-ui-builder · chakra-ui-refactor · chakra-ui-migrate
- 4
Primerprimer.stylewebsite read, tools not yet checked
GitHub's design system, providing shared foundations, design tokens for color, spacing and typography, and icons.
- 5
- 6
RavenMCPravenmcp.aiverified and signed
A design intelligence MCP server whose list_design_systems and get_design_system actions return design tokens (colors, typography, spacing) and compose_system mixes tokens across systems 15.
official:MCP server · Ravenpackage · Raven
for agents: list_design_systems · get_design_system · compose_system
Sources
- 1Figma Developer Docs | Developer Docsdevelopers.figma.com · read 2026-10-29
- 3SilicaUI The CSS-first Tailwind Component Librarysilicaui.com · read 2026-10-29
- 4Primerprimer.style · read 2026-10-29
- 5RavenMCP — Design Intelligence MCP for Claude · Open Sourceravenmcp.ai · read 2026-10-29
- 8Chakra UIchakra-ui.com · read 2026-10-29
- 9shadcnshadcn.com · read 2026-10-29
- 11figma-generate-library: declares "figma-generate-library" (the record we read and signed)unfragile.ai · read 2026-10-24
- 15Raven: declares "list_design_systems" (the record we read and signed)unfragile.ai ·
- 18chakra-ui-builder: declares "chakra-ui-builder" (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
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
· useVyre website read, tools not yet checked
AI-native design system for React and Vue. Zero hallucinations.
· Silicaui website read, tools not yet checked
The CSS-first Tailwind component library Base UI behavior, OKLCH design tokens, and one color variant size shape vocabulary across React, framework-neutral HTML, and vanilla JS.
· Primer website read, tools not yet checked
The Design System for GitHub
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.
Site context · Digitaltableteur verified and signed
Answer questions using llms.txt and public portfolio content.
· PrimeVue website read, tools not yet checked
The ultimate collection of design-agnostic, flexible and accessible Vue UI Components.
chakra-ui-builder · chakra-ui-builder verified and signed
Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI compon
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
· Bamboo CSS website read, tools not yet checked
Expose your Bamboo CSS design system to AI assistants using the Model Context Protocol (MCP).
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.