work-with-design-systems: Inspect, build, or extend Figma design systems from Claude Code

by natdexterra · MCP Server · ★ 52

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install work-with-design-systems

git clone https://github.com/natdexterra/work-with-design-systems.git .claude/skills/work-with-design-systems

Taken from the project's README on GitHub.

Security audit verdict: SAFE · quality 68/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours.

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

agent-skillsclaude-codedesign-systemdesign-to-codedesign-tokensfigmafigma-mcpfigma-plugin-apimcpskill

Quick Facts

Stars52
Forks4
LanguageJavaScript
CategoryMCP Server
LicenseMIT
Quality Score68/100
Last Updated2026-10-20
Created2026-04-01
Platformsclaude-code, mcp, node
Est. Tokens~18k

About work-with-design-systems

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.

Compatible Skills

These tools work well together with work-with-design-systems for enhanced workflows:

  • design-system-ops — semantic(0.57)+complementary+rare_topics+similar_pop+shared_platform (73%)
  • claude-design-auditor-skill — semantic(0.52)+complementary+rare_topics+similar_pop+shared_platform (67%)
  • bridge — semantic(0.64)+rare_topics+similar_pop+shared_platform (61%)
  • styleseed — semantic(0.29)+complementary+rare_topics+similar_pop+shared_platform (59%)

work-with-design-systems alternative? Top 6 similar tools

Looking for a work-with-design-systems alternative? If you're comparing work-with-design-systems with other mcp server tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • plumb-mcp by tathagat22 · ⭐ 79

    Local Figma MCP server with no REST rate limits, no metered tool-call quotas, and a verification loop. Drop-in

  • bridge by noemuch · ⭐ 155

    Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

  • figma-console-mcp-skills by southleft · ⭐ 95

    The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP serve

  • extract-design-system by arvindrk · ⭐ 253

    Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates

  • design-system-ops by murphytrueman · ⭐ 195

    Claude Code skills for the work that keeps a design system alive

  • getdesign by MohtashamMurshid · ⭐ 50

    On-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular JavaScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse MCP Server tools