figma-suite

robukh/figma-suite
★ 0 stars JavaScript Security Updated today
Claude Code skill set for Figma — token sync, component library generation, screen design, and design system audits via the official Figma MCP server.
View on GitHub → Try with Claude — $10 free →

Quick Install

Copy the config for your editor. Some servers may need additional setup — check the README.

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "figma-suite": {
      "command": "npx",
      "args": [
        "-y",
        "robukh/figma-suite"
      ]
    }
  }
}

README Excerpt

A Claude Code skill set for Figma. Syncs design tokens, builds component libraries, designs screens, and audits for design system compliance — all through natural language. Turns the official Figma MCP server into a full design workflow: proper auto-layout, variable bindings on every property, component composition via instances, text styles, native slots, and screenshot-validated output. No hardcoded values, no detached instances, no raw hex codes.

Topics

ai-designcomponent-librarydesign-systemdesign-tokensfigma-mcpfigma-skillmcp