figma-design-system-skill MCP Server
AmroJSawan/figma-design-system-skill
Claude Code skill that brings AI-driven design system workflows to Figma. Audit token health, build systems from brand guidelines, migrate hardcoded values, and repair broken components — all through natural language prompts via the Figma MCP plugin.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
AmroJSawan/figma-design-system-skill is a Shell tool. Claude Code skill that brings AI-driven design system workflows to Figma. Audit token health, build systems from brand guidelines, migrate hardcoded values, and repair broken components — all through natural language prompts via the Figma MCP plugin.
Ranked #59 out of 116 indexed tools.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
1 stars → early stage
Last commit 1d ago → actively maintained
No issues filed → no history to score
2 contributors → solo project
No dependents → no downstream usage
Weights: Freshness 25% · Issue Health 25% · Dependents 25% · Stars 15% · Contributors 10% · How we score →
How to Improve
Matched Queries
From the README
# figma-design-system-skill A [Claude Code](https://claude.ai/code) skill that gives Claude full programmatic control over Figma — building design systems, auditing token health, migrating hardcoded values to variables, and repairing component debt — all via the Figma MCP plugin. **Version**: 1.7.0 | **Tested with**: claude-sonnet-4-6 > **New (2026-03-24) — Figma Official Remote MCP with Write Support** > Figma has released an official remote MCP server that supports **write operations** — create frames, set fills, bind variables, update text, and more — directly from Claude without needing the local Console plugin or the figma-canvas-mcp bridge. > This is now the **preferred connection method** for all design write tasks. See [MCP Connection Options](#mcp-connection-options) below. --- --- ## What it does When installed, Claude automatically activates this skill whenever you ask it to do Figma design system work. No slash commands, no manual setup — Claude detects the intent anRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.