generate-design-system

by natdexterra · MCP Server · ★ 33

About generate-design-system

work-with-design-systems A Claude skill for working with Figma design systems — two modes in one place: inspect (read-only audits with WCAG checks, component scoring, handoff docs) and build (creating components, fixing foundations, adding slots, writing descriptions). Build mode optionally extends to Phase 6 (sync to code) — generates , an audit script, and AI rules file for your codebase. Works with Claude Code, Cursor, and Codex. What's new in v2.0 This is a major release. The skill was previously called and only handled building.

agent-skillsclaude-codedesign-systemfigmafigma-mcpmcpskill

Quick Facts

Stars33
Forks4
LanguageJavaScript
CategoryMCP Server
LicenseMIT
Quality Score70.3286088271419/100
Last Updated2026-04-17
Created2026-04-01
Platformsclaude-code, mcp, node
Est. Tokens~5k

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular JavaScript Agent Tools

Frequently Asked Questions

What is generate-design-system?

generate-design-system is MCP skill for generating complete design systems in Figma: tokens, variables, components with variants and auto layout. It is categorized as a MCP Server with 33 GitHub stars.

What programming language is generate-design-system written in?

generate-design-system is primarily written in JavaScript. It covers topics such as agent-skills, claude-code, design-system.

How do I install or use generate-design-system?

You can find installation instructions and usage details in the generate-design-system GitHub repository at github.com/natdexterra/generate-design-system. The project has 33 stars and 4 forks, indicating an active community.

What license does generate-design-system use?

generate-design-system is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse MCP Server tools