VibeCodes

Try “Claude Code skills”, “MCP servers for Cursor” or “Codex” · Esc to close

Design MCP Servers for OpenCode

Bring Figma designs and UI components into your coding agent. Every listing below works with OpenCode. Free GitHub projects and paid options are ranked together.

Updated October 2026 · 7 listings · stars refreshed daily from GitHub

How to add design MCP servers to OpenCode

Most apps accept the same mcpServers JSON block (command + args for local servers, a URL for remote ones). Check the app's MCP settings page for where the file lives.

All MCP servers 73Docs & code context MCP servers 18Developer tool MCP servers 16Web search & scraping MCP servers 9Design MCP servers 7Database & backend MCP servers 6Cloud & deployment MCP servers 5Productivity MCP servers 5MCP platforms & gateways 4Browser & testing MCP servers 3
2

Framelink Figma MCP 🔌 MCP serverFree

Community MCP server that gives agents Figma layout and styling data

★ 16k · +31 this week

8.0 Visit ↗
4

designlang (design-extract) 🔌 MCP serverOpen source

Extract any website's design system as DTCG tokens, Tailwind, Figma and more via CLI or MCP

★ 4.2k · +18 this week

7.6 Visit ↗
5

Talk to Figma MCP 🔌 MCP serverOpen source

Read and edit live Figma files from your coding agent through a Figma plugin bridge

★ 7.0k · +11 this week

7.4 Visit ↗
6

Ableton MCP 🔌 MCP serverFree

MCP server that lets Claude and other LLMs control Ableton Live for music production

★ 3.1k · +30 this week

6.8 GitHub ↗
7

MeiGen AI Design MCP 🔌 MCP serverFreemium

MCP server for AI image/video generation with a 1,400+ prompt library and ComfyUI support

★ 1.8k

6.5 Visit ↗

More for OpenCode

🧩 Skills for OpenCode (53) 🤖 Subagents for OpenCode (26) OpenCode review

Popular searches