by natdexterra · MCP Server · ★ 45
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.
| Stars | 45 |
| Forks | 4 |
| Language | JavaScript |
| Category | MCP Server |
| License | MIT |
| Quality Score | 68.3175161950557/100 |
| Last Updated | 2026-06-13 |
| Created | 2026-04-01 |
| Platforms | claude-code, mcp, node |
| Est. Tokens | ~18k |
These tools work well together with work-with-design-systems for enhanced workflows:
Explore other popular mcp server tools:
work-with-design-systems is Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with variable bindings and slots, optional Phase 6 sync to tokens.c. It is categorized as a MCP Server with 45 GitHub stars.
work-with-design-systems is primarily written in JavaScript. It covers topics such as agent-skills, claude-code, design-system.
You can find installation instructions and usage details in the work-with-design-systems GitHub repository at github.com/natdexterra/work-with-design-systems. The project has 45 stars and 4 forks, indicating an active community.
work-with-design-systems is released under the MIT license, making it free to use and modify according to the license terms.