Design MCP Servers for Gemini CLI

Bring Figma designs and UI components into your coding agent. Every listing below works with Gemini CLI. 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 Gemini CLI

Gemini CLI reads mcpServers from ~/.gemini/settings.json (or .gemini/settings.json in a project); gemini mcp add writes the entry for you.

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

Figma MCP Server 🔌 MCP serverFreemium

Figma's official MCP server: give agents design context from your Figma files

🔥 Students & teachers: Figma and FigJam professional features free with a verified education account

8.3 Visit ↗

Framelink Figma MCP 🔌 MCP serverFree

Community MCP server that gives agents Figma layout and styling data

★ 16k · +31 this week

8.0 Visit ↗

21st MCP (formerly Magic) 🔌 MCP serverFreemium

Generate polished UI components from a prompt inside your editor

★ 6.0k · +32 this week

7.6 Visit ↗

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 ↗

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 ↗

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 ↗

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 Gemini CLI

🧩 Skills for Gemini CLI (51) 🤖 Subagents for Gemini CLI (20) Gemini CLI review