MCP.Market

Topic

MCP servers for design tools

Read designs, export assets and pull tokens into code.

Most design servers exist to close the gap between a file and the code that implements it: read a frame, get the spacing and colors, generate the component. The useful ones read structure rather than pixels, because a screenshot tells a model much less than a layer tree does.

Graded servers
400
Grade A
140
Run remotely
236
Reviewed by users
0

Before you install one

Three things that separate the servers here, none of which shows up in a description.

What does one token see?
A personal access token generally reaches every file you can open, including other people's work in shared team projects. If the vendor supports a file-scoped or project-scoped token, that is the one to issue.
Does it write back?
Creating frames, posting comments and exporting assets are write actions, and comments in particular are visible to everyone on the file. Check the tool list for anything that publishes.
Structure beats screenshots.
A server that returns the layer tree, variables and constraints gives an agent something to reason about. One that returns an image gives it something to guess at, and you will spend the difference in corrections.

Every listing below has a scan report saying what the server asks for and what it does with it. The rubric is on how we grade.

The design tool servers we would look at first

Reviewed servers rank first, then the ones with real adoption. At most two per publisher, so no account can fill the list. Nothing here is sponsored.

  • 1
    Figma Context
    by GLips
    B

    Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

    No reviews yet
    local · npm16k84k/wkFree
  • 2
    Agent-Native Design
    by BuilderIO
    A

    Agent-Native design tool - create and edit visual designs with agent assistance

    No reviews yet
    gateway-ready7.0kFree
  • 3
    Roast My Design System
    by pencilrebel
    A

    Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.

    No reviews yet
    local · npm115979/wkFree
  • 4
    Figma MCP Server
    by mcp.figma.com
    A

    The Figma MCP server brings Figma design context directly into your AI workflow.

    No reviews yet
    gateway-ready2.0kFree
  • 5
    Figma UI
    by TranHoaiHung
    A

    Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

    No reviews yet
    local · npm255309/wkFree
  • 6
    Roast My Design System
    by gregkozakiewicz
    A

    Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.

    No reviews yet
    local · npm266.0k/wkFree
  • 7
    Figma Rust
    by alvinindra
    A

    Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.

    No reviews yet
    local · npm77211/wkFree
  • 8
    Design System Extractor
    by freema
    A

    MCP server for Storybook design systems — extract component HTML, styles and metadata.

    No reviews yet
    local · npm69193/wkFree
  • 9
    Figma MCP Server
    by planetabhi
    B

    A local MCP server with full Figma REST API coverage.

    No reviews yet
    local · npm101.2k/wkFree
  • 10
    Better Design
    by marvkr
    A

    A design harness for AI coding agents: design systems, design principles, icons and UI review.

    No reviews yet
    gateway-ready820/wkFree
  • 11
    Figma Go
    by tunglt1810
    A

    Figma MCP server with full read/write access via plugin bridge — no API token or rate limits.

    No reviews yet
    local · npm17165/wkFree
  • 12
    HTML to Figma — Design System
    by miapre
    A

    Translate HTML prototypes into Figma using your design system's real components and tokens.

    No reviews yet
    local · npm1324/wkFree

36 more, graded and ranked

  • 13
    Figma Edit
    Programmatically read, create, and modify Figma designs via MCP.
    A
  • 14
    Vision Driven Design (VDD) MCP Server
    Spec-driven development MCP server: 8 phases, bi-directional traceability, 7 quality gates.
    A
  • 15
    Open Design
    Design skills, design systems and artifact tools: landing pages, decks, prototypes, posters, more.
    B
  • 16
    Agentic Design System
    Render web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions.
    A
  • 17
    Figma To Code
    LLM-optimized Figma MCP server.
    B
  • 18
    Standby Design
    Generate design systems: OKLCH colors, fluid type scales, spacing, shape, icon and motion tokens.
    A
  • 19
    Figma Express
    Compact Figma MCP with validated batch ops through a local plugin bridge.
    A
  • 20
    Figma MCP
    Figma MCP: list frames in a file and fetch one frame's JSON and image safely. 2 tools.
    B
  • 21
    Visily UI Design
    UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
    A
  • 22
    NHANES (design-correct survey analysis)
    Design-correct NHANES analysis: survey weights, pooled cycles, CIs and NCHS reliability flags.
    A
  • 23
    figma-vault
    Figma designs pulled once into a local vault; AI agents read them offline with no rate limits
    A
  • 24
    Lanhu Design
    Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units
    A
  • 25
    3DOptix
    Optical design, simulation and analysis with GPU-powered ray tracing. Import from Zemax and CAD.
    A
  • 26
    Curio — design style library
    Design-style library for AI agents: find a style by use or mood, preview it, apply its spec.
    A
  • 27
    CSS Crème
    Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
    A
  • 28
    DESIGN.md Linter & Extractor
    Lint and diff DESIGN.md files with the official Google linter, or write one from a web page.
    B
  • 29
    Design Feeds
    Design Feeds MCP.
    B
  • 30
    Figma
    Figma MCP Pack
    B
  • 31
    figma-mcp
    Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
    C
  • 32
    LensHH-LT Optical Design
    Drive real optical lens design: ray tracing, optimization, MTF and aberration analysis.
    B
  • 33
    Figma URL Shape
    Parse a Figma file URL. Path discarded.
    A
  • 34
    Canva
    Create designs, manage assets, and automate design generation from external workflows
    B
  • 35
    Figma
    Export files, access design data, manage projects, comments, and team assets
    B
  • 36
    Software Design
    SOLID/OOP/DRY, the 23 GoF patterns, pattern scaffolding, and heuristic code-smell detection.
    A
  • 37
    Flato Design MCP
    Connect AI agents to Flato's editable canvas runtime through a hosted MCP server.
    A
  • 38
    Galaxy UI MCP Server
    MCP server exposing Galaxy UI components — manifests, source code, and framework coverage
    A
  • 39
    CodeCrafted Design
    Guide user-led frontend design decisions from project brief through implementation review.
    A
  • 40
    Figma Rs
    Figma/FigJam MCP server with read/write via plugin — no API token, no limits. 78 tools.
    A
  • 41
    Study Design Diagram Studio WebMCP
    Read and edit a live study design canvas through its predefined WebMCP tools.
    B
  • 42
    Figma CodeKit MCP
    Figma to pixel-perfect code: deterministic HTML/React, then a render + pixel-diff verify loop.
    C
  • 43
    Design Token Bridge
    Translate design tokens between Tailwind, Figma, CSS, Material 3, and SwiftUI
    A
  • 44
    Figma Context
    LLM-optimized Figma MCP server.
    B
  • 45
    Figma Rust
    Figma MCP server in Rust: plugin bridge, no API token, no rate limits, 73 tools.
    A
  • 46
    UI Design to Code
    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.
    B
  • 47
    Design Pattern MCP
    MCP server that provides design-pattern selection expertise to AI coding agents
    B
  • 48
    Random Design
    Generate randomized English Markdown frontend design directions from curated catalogs.
    B

Or try them without installing any

Add the gateway once and your agent runs search "figma", reads the grades, and calls the one it picks. Nothing to install per server, and an F-graded server cannot be reached through it.

Gateway docs
claude mcp add --transport http mcp-market https://gw.mcp.market/mcp

Related

MCP servers for browser automationMCP servers for PDFs and documentsBest Media MCP serversAll topics