The Vibeary — round-up
Best MCP servers for design and development
MCP is how an agent stops guessing and starts reading your actual systems: your design file, a live browser, your documentation, your database. The ecosystem is young and noisy, so this shelf is deliberately narrow — servers that do one job properly and are usable today, rather than repositories that demo well and break on the second call. Design and UI-generation servers, browser automation, knowledge and documentation access, plus the directories worth watching as the protocol matures.
What earned a place
- Works with mainstream MCP clients without patching
- Scoped tools with clear inputs, not one god-tool
- Honest about auth and what data leaves your machine
- Maintained against current protocol revisions
24 picks from the library
- 01
abordage/awesome-mcp
Automatically refreshed daily index of MCP servers, clients and frameworks with activity signals baked in.
Why it made the list: Daily auto-updates mean dead servers fall off instead of rotting in the list.
MCP directoriesopen-source@abordagegithub.com
- 02
appcypher/awesome-mcp-servers
Long-running curated index of MCP servers organised by domain, widely mirrored across the ecosystem.
Why it made the list: One of the two canonical MCP indexes; deep tail of niche servers.
MCP directoriesopen-source@appcyphergithub.com
- 03
Browser MCP
Local MCP server driving your real logged-in Chrome so agents can read and act on login-gated pages across X, Reddit, Zhihu, Xiaohongshu and Bilibili.
Why it made the list: Uses your actual session without ever requesting cookie permission or reversing APIs.
Browser MCPMIT@ywleeogithub.com
- 04
Cairn
Append-only SQLite store of typed facts for agents, exposed over MCP, returning a freshness and assurance verdict on every recalled belief.
Why it made the list: Refuses free-form JSON and in-place edits, so agent memory cannot quietly rot.
Knowledge MCPunknownEmilio Schwaiger (@EmilioSchwaiger)github.com
- 05
chrome-devTools-advanced-mcp
Chrome automation MCP combining Playwright and CDP with network interception, HAR record and replay, and accessibility testing.
Why it made the list: HAR replay and network interception in an MCP is genuinely rare.
Browser MCPopen-source@Eddym06github.com
- 06
Compact Design
LLM-friendly JSON design language with a validation core and a Figma adapter that turns the JSON into editable native Figma frames.
Why it made the list: Gives an agent a typed layout language instead of guessing at Figma's plugin API.
UI generation MCPopen-sourceElliot (@madebyelliot)github.com
- 07
cursor-talk-to-figma-mcp
MCP server with a WebSocket bridge that lets an agent create and modify Figma elements from natural language.
Why it made the list: Write access into Figma, not just reading; rare and genuinely powerful.
Design MCPopen-sourceGrab (@grab)github.com
- 08
Design OS 3D Blender
Agent OS for Blender 5.2: skills, verified bpy knowledge, AGENT_OK/FAIL contract, and a production gate for 3D-printable parts.
Why it made the list: Ships dimension-checked print kits, not pretty demos agents invent.
3D/CAD MCPMIT@jangtrinhgithub.com
- 09
design-systems-mcp
MCP server that answers design-system questions about components, tokens, patterns and best practice from a curated corpus.
Why it made the list: Gives an agent design-system literacy instead of raw component dumps.
Design MCPopen-sourceSouthleft (@southleft)github.com
- 10
design-token-bridge-mcp
MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.
Why it made the list: Token translation is the exact friction point in every design-to-code handoff.
Design MCPopen-source@kenneivesgithub.com
- 11
Dia-GramV
Local-only MCP server plus Svelte Flow viewer for planning system architecture as a typed, linted diagram before any code is written.
Why it made the list: Agent and human edit the same linted diagram, so the plan cannot silently drift from the code.
Dev MCPMIT@ShAInyXYZgithub.com
- 12
donsetch
Rust binary giving agents web fetch, search and crawl plus scanned-PDF OCR as MCP tools, with no API keys or accounts.
Why it made the list: Replaces three paid search and scraping APIs with one keyless local binary.
Browser MCPGPL@dondai44423github.com
- 13
Figma-Context-MCP (Framelink)
MCP server that converts Figma files into simplified layout JSON so coding agents generate accurate markup from designs.
Why it made the list: Predates and often beats Figma's own MCP for raw code-gen accuracy.
Design MCPMITGLips (@GLips)github.com
- 14
FreeCAD-MCP
MCP server with fifty-seven FreeCAD tools and headless Docker execution for automated CAD generation.
Why it made the list: Headless CAD in a container means real batch generation, not GUI puppetry.
3D/CAD MCPopen-sourceProximile (@proximile)github.com
- 15
Kroma MCP
MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.
Why it made the list: Agents design from live references instead of the same centered div.
Design MCPMITtayo (@_tayoszn_)kromamcp.pxxl.click
- 16
Lanes Link
Self-hostable personal context MCP: one endpoint for accounts, memory, skills, vault, and audit that every agent you authorize can share.
Why it made the list: Connect once, switch agents freely — access profiles enforce deny-by-default.
Knowledge MCPApache-2.0Lanes (@lanes-sh)github.com
- 17
librarian-mcp
MCP server exposing a local markdown second brain to agents with search and structured retrieval.
Why it made the list: Local-first knowledge base for agents with no cloud dependency.
Knowledge MCPopen-source@ngmeyergithub.com
- 18
magic-mcp
MCP server from 21st.dev that generates production-ready React UI components from natural language descriptions.
Why it made the list: Component generation wired directly into the editor rather than a web app.
UI generation MCPopen-source21st.dev (@21st-dev)github.com
- 19
magicuidesign/mcp
Official MCP server exposing the Magic UI animated component registry so agents install real components instead of inventing them.
Why it made the list: Agent picks from a real animated component registry; output actually runs.
UI generation MCPMITMagic UI (@magicuidesign)github.com
- 20
MCP Memory
MCP server giving agents persistent memory as Open Knowledge Format markdown files on disk, indexed in SQLite FTS5 for fast lookups.
Why it made the list: Memory stays browseable markdown you can read and edit, not an opaque vector blob.
Knowledge MCPunknown@fellowgeekgithub.com
- 21
notebooklm-mcp
MCP server that drives Google NotebookLM so agents can query and build notebooks programmatically.
Why it made the list: Nobody else has automated NotebookLM; strong research-workflow unlock.
Knowledge MCPopen-sourceRomain Peyrichou (@roomi-fields)github.com
- 22
pen.dev
Agent-driven design canvas running beside Cursor, VS Code, Claude Code or Codex, storing designs in an open format that lives inside your repo.
Why it made the list: The design file sits in the codebase as MCP-readable data, so handoff disappears.
Design MCPfreemiumpen.devpen.dev
- 23
penpot-mcp
Official MCP server for Penpot enabling bidirectional design workflows against an open-source design tool.
Why it made the list: The only fully open-source design tool with a first-party MCP server.
Design MCPopen-sourcePenpotgithub.com
- 24
photoshop-mcp
MCP server exposing fifty-plus Photoshop automation tools for layers, filters, selections, text and export.
Why it made the list: Scriptable Photoshop from an agent; batch design work becomes a prompt.
Design MCPopen-sourceAli Sait Teke (@alisaitteke)github.com
Questions
- What is MCP, briefly?
- Model Context Protocol — a standard way for an AI client to discover and call tools and read resources from an external server.
- Is it safe to connect an agent to my systems?
- Only with least-privilege credentials and human approval on writes. Treat every server as code running with your access.