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 for AI image/video generation with a 1,400+ prompt library and ComfyUI support
★ 1.8k · MIT · updated 2026-09-26
6.5/10
What it does MeiGen is an MCP server that gives an AI coding agent direct access to image and video generation tools, plus a library of over 1,400 curated prompts, so an agent can produce app assets, marketing images, or product shots without leaving the chat. Tools it gives your agent - generate_image / generate_video across multiple backend models -… Read more →
Pros
- Wide tool surface: image/video generation, background removal, product-shot and marketing-poster generation, upscaling, and a searchable inspiration gallery
- Free tier works without an API key (gallery search, inspiration lookup, model browsing); local ComfyUI backend avoids paid credits entirely
- Ships install paths for several hosts: npx installer, a Claude Code plugin, and a Codex MCP-add command
Cons
- Paid generation tools require a purchased MeiGen API key and credits; some bundled skills only work through MeiGen Cloud
- Young project (140 commits) so its 14-cloud-tool surface and pricing are more likely to change than an established MCP server
Pricing: Freemium · mcp-server image-generation video-generation comfyui claude-code