1
Figma's official MCP server: give agents design context from your Figma files
8.3/10
What it does Figma's official MCP server gives a coding agent structured design context from your Figma files. That context includes layout, variables and styles, components, screenshots and, if you use Code Connect, the matching components in your codebase. The generated UI then follows the real design and your design system, instead of a rough guess from a screenshot. Communication… Read more →
Pros
- Official design-to-code context
- Uses your design tokens and components
Cons
- Desktop server needs a Dev or Full seat on a paid plan; the remote server is rate-limited
Pricing: Freemium · figma design
🔥 Deal: Students & teachers: Figma and FigJam professional features free with a verified education account
2
Community MCP server that gives agents Figma layout and styling data
★ 16k · +31 this week · MIT · updated 2026-09-18
8.0/10
What it does Framelink MCP for Figma, published on npm as figma-developer-mcp, is an open-source community server that helps a coding agent build a design from Figma. You paste a link to a Figma file, frame or group into the chat. The server then fetches that node through the official Figma REST API. It strips the raw response down to… Read more →
Pros
- Free with a Figma API token
- Simplified output saves tokens
Pricing: Free · figma design
3
Generate polished UI components from a prompt inside your editor
★ 6.0k · +32 this week · ISC · updated 2026-09-09
7.6/10
What it does Magic by 21st.dev started as an MCP server that generated polished React UI components from a prompt in your editor. It has since been replaced by the unified 21st MCP, which you install with the 21st CLI. The old @21st-dev/magic npm package is still published, but only as a small compatibility proxy that forwards requests to the… Read more →
Pros
- Good-looking components fast
- Works in any MCP client
Pricing: Freemium · ui react
5
Read and edit live Figma files from your coding agent through a Figma plugin bridge
★ 7.0k · +11 this week · MIT · updated 2026-07-26
7.4/10
What it does Talk to Figma MCP, published by Grab, lets a coding agent read and edit a live Figma file. The MCP server does not call Figma's REST API. It passes commands through a small local WebSocket relay to a Figma plugin that runs inside your open document. So the agent works on the canvas you are looking at:… Read more →
Pros
- Can write to the canvas, not just read designs
- Bulk text replacement and instance override propagation
- Works on the file you have open, no REST token needed
Cons
- Three moving parts: MCP server, WebSocket relay and Figma plugin
- Unofficial; relay has no authentication
Pricing: Open source · figma design-to-code ui annotations websocket
6
MCP server that lets Claude and other LLMs control Ableton Live for music production
★ 3.1k · +30 this week · MIT · updated 2026-09-22
6.8/10
What it does Ableton MCP is a third-party bridge that lets Claude and other LLMs drive Ableton Live directly, turning natural-language requests into actual track creation, clip arrangement, and song composition inside a real Ableton session via two-way socket communication. Tools it gives your agent - Track and clip manipulation for both MIDI and audio - Loading instruments and effects… Read more →
Pros
- Real two-way control of a live Ableton session: tracks, clips, instruments, arrangement and MIDI
- Simple uv/uvx-based install with a documented Remote Script setup
- Active, MIT-licensed community project with 3.1k stars
Cons
- Unofficial third-party integration, not built or endorsed by Ableton
- Anonymous telemetry is on by default and must be explicitly disabled
Pricing: Free · mcp-server ableton-live music-production daw python