GitHubAI Skills, Agents & MCP · Design MCP
MCP server that converts Figma files into simplified layout JSON so coding agents generate accurate markup from designs.
Why it’s a gem
Predates and often beats Figma's own MCP for raw code-gen accuracy.
Agent-driven design canvas running beside Cursor, VS Code, Claude Code or Codex, storing designs in an open format that lives inside your repo.
MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.
Official MCP server for Penpot enabling bidirectional design workflows against an open-source design tool.
Hosted MCP endpoint that feeds shadcn/ui component and design-system context into Cursor, Claude Code and Windsurf.
MCP server with a WebSocket bridge that lets an agent create and modify Figma elements from natural language.
MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.