design-tools MCP servers & tools

36 Model Context Protocol servers tagged “design-tools”, ranked by usage. Connect any of them to Claude Desktop, Cursor or Windsurf in one step.

Search “design-tools” with filters

Figwright
awdr74100
Bidirectional Figma server over a local WebSocket relay: turn a selection into framework-aware code (reusing your components and tokens), or author frames, text, styles, variables, and whole screens back onto the canvas. 92 tools, any MCP client, no Dev Mode seat or paid tier.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 1k
Figma Use
dannote
Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 607
Figma Ui MCP
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
Multimedia Process
Upvotes: 0Installs: 0GitHub stars: 262
OpenBrand
Extract brand assets (logos, colors, backdrop images, brand name) from any website URL
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 800
B
Basecoat UI MCP
Offline stdio MCP for Basecoat UI templates, composition guidance, and static validation.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 46
Icon Composer MCP
ethbak
MCP server for Apple's Icon Composer: programmatically create .icon bundles with Liquid Glass effects (iOS 26+). 12 tools for icon creation, glass effect tuning, dark mode appearances, and App Store export.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 57
Figma MCP Rust
Figma MCP server in Rust — plugin bridge, no API token, no rate limits, 73 tools.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: 63
Figma MCP Server
The Figma MCP server brings Figma design context directly into your AI workflow.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 2.1k
Icogenie MCP
albertnahas
AI-powered SVG icon generation MCP server. Generate production-ready SVG icons from text descriptions with customizable styles.
Art & Culture
Upvotes: 0Installs: 0GitHub stars: 7
Figma Vault
Figma designs pulled once into a local vault; AI agents read them offline with no rate limits
Security
Upvotes: 0Installs: 0GitHub stars: 1
MCP Server
sudomock
Product mockup API. Upload PSD templates, render mockups with 9 tools + AI render.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Genable
musepy
Write-side MCP for Figma — complements Figma's official read-only MCP. 41 tools for building and editing Figma designs from Claude Code, Cursor, Cline: JSX-like tree creation, variables/tokens, components, cross-page navigation, and visual verification via screenshots. Install: npx -y genable-mcp.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 2
Svgmaker MCP
GenWaveLLC
Provides AI-driven SVG generation and editing via natural language, with real-time updates and secure file handling.
Art & Culture
Upvotes: 0Installs: 0GitHub stars: 87
Color Engine MCP
Six pure, in-memory CSS color tools: parse, convert, WCAG/APCA contrast, gamut map, ramps, solver
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 1
Localfig
The Figma desktop app as an MCP server: full Plugin API for AI agents. Local, no token, no quota.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: 1
Housestyle
Audits CSS for the generic AI-built look, then fixes it: fonts, contrast, palettes, type scales.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Figma MCP
Figma MCP: list frames in a file and fetch one frame's JSON and image safely. 2 tools.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Figsnap MCP
The Figma file you have open, as MCP tools. Extract, edit, and keep a saved set.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
V
VisualSpec
Structured, constraint-aware visual generation and deterministic layout for AI agents
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Iconoteka
Search 1298 open-source icons in 7 weights and 2 styles, and get paste-ready SVG.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 10
Color Palette
Cloudflare Workers MCP server: color-palette
Cloud Platforms
Upvotes: 0Installs: 0GitHub stars: —
Anima MCP Server
Connect AI coding agents to Anima Playground, Figma, and your design system.
Architecture & Design
Upvotes: 0Installs: 0GitHub stars: 6
UISandbox
Test your design on the real thing: load a built web app, turn its knobs, verify 1:1, export.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 6
Svgator MCP
Browse, create, edit, and export SVGator animated SVG projects via your SVGator account.
Multimedia Process
Upvotes: 0Installs: 0GitHub stars: 4
ReftrixMCP
TKMD
Web design analysis MCP server with 26 tools for layout extraction, motion detection, quality scoring, and semantic search. Uses Playwright, pgvector HNSW, and Ollama Vision to turn web pages into searchable, structured design knowledge.
Browser Automation
Upvotes: 0Installs: 0GitHub stars: 2
F
Figme
MCP server that reads local Figma .fig files, fully offline
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 2
Plutocalc Designer
Plutocalc Designer is a software suite for water and wastewater treatment plants design
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 1
L
Layerbridge
Read, edit and export the Figma file open in a local plugin. No REST API, no rate limits.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: 1
Axialis IconVectors MCP
Local stdio MCP integration for the proprietary IconVectors SVG editor. Requires a separate installation. Public repository contains documentation and configuration examples.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Color Palette Generator API
Generate harmonious color palettes — complementary, analogous, triadic. x402 micropayment.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: —
Mock Screenshots
Deep links to pixel-perfect fake chat & screenshot generators (iMessage, WhatsApp & more).
Communication
Upvotes: 0Installs: 0GitHub stars: —
Infyicon MCP
Search 161,000+ free hand-drawn icons and fetch ready-to-embed SVG or PNG from any MCP client.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Color
Color convert, palette, contrast checker for AI agents
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Appdesigns App Store screenshots
App Store and Google Play screenshots MCP: your agent captures the app, you edit and export. Free.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —
Figma MCP Rs
Figma/FigJam MCP server with read/write via plugin — no API token, no limits. 78 tools.
Finance & Fintech
Upvotes: 0Installs: 0GitHub stars: —
I
Inkscape (inksmcp)
Create, edit and export SVG graphics with Inkscape: measured layout, templates, export.
Developer Tools
Upvotes: 0Installs: 0GitHub stars: —