Best MCP Servers for Design Tools (2026)
Design-to-code and design-file access: Figma Context MCP (the most-starred server in this group) turns Figma selections into implementation-ready context, figma-use and the Figma-to-Flutter server cover other workflows, and the design-system extractor pulls tokens and components from codebases.
This page collects the 6 MCP servers in our directory that genuinely cover design tools — together they have 16,410 GitHub stars, and 1 of them run as hosted services you can connect to without installing anything. The highest-rated options are GLips/Figma-Context-MCP, jau123/MeiGen-AI-Design-MCP, dannote/figma-use.
How to choose
Start with Figma Context MCP for React and web work, the Flutter server for mobile UI, and ScreensDesign when you need app-screen references rather than your own files.
GLips/Figma-Context-MCP
by GLips
📇 🏠 - Provide coding agents direct access to Figma data to help them one-shot design implementation.
npx -y figma-developer-mcpjau123/MeiGen-AI-Design-MCP
by jau123
MeiGen is an MCP server for AI image and video work, connected as a remote MCP with OAuth sign-in. It offers inspiration search that returns reference images and their prompts, image and video generation (through MeiGen Cloud or OpenAI-compatible providers), background removal, and visual skills for product detail images, marketing posters, and AI backgrounds.
npx -y meigendannote/figma-use
by dannote
📇 🏠 - Full Figma control: create shapes, text, components, set styles, auto-layout, variables, export. 80+ tools.
npx -y figma-usemhmzdev/Figma-Flutter-MCP
by mhmzdev
📇 🏠 - Provide coding agents direct access to Figma data to help them write Flutter code for building apps including assets exports, widgets maintenance and full screens implementations.
npx -y figma-flutter-mcpfreema/mcp-design-system-extractor
by freema
📇 🏠 - Extracts component information from Storybook design systems. Provides HTML, styles, props, dependencies, theme tokens and component metadata for AI-powered design system analysis.
npx -y mcp-design-system-extractor@latest
ScreensDesign MCP
by Dannice Carolino
ScreensDesign MCP gives AI assistants access to mobile app design research: real app screens, complete onboarding and paywall flows, App Store reviews, market signals and saved collections. It is a hosted remote MCP server using Streamable HTTP and browser OAuth. A paid ScreensDesign Pro subscription is required. After adding the server, authenticate via /mcp in Claude Code. Setup: https://screensdesign.com/mcp/. Contact: ceo@screensdesign.com. The linked repository contains setup documentation, registry metadata and an optional companion skill, not the hosted server implementation.
claude mcp add --transport http screensdesign "https://api.screensdesign.com/v1/mcp" --scope userFrequently asked questions
What is the most popular MCP server for Design Tools?
GLips/Figma-Context-MCP leads this list with 14,624 GitHub stars. 📇 🏠 - Provide coding agents direct access to Figma data to help them one-shot design implementation.
Are these Design Tools MCP servers free to use?
5 of the 6 servers here publish a license in the directory (MIT). 1 of them run as hosted services you can connect to remotely; the rest you install and run yourself. Hosted services may have their own pricing.
How do I choose an MCP server for Design Tools?
Start with Figma Context MCP for React and web work, the Flutter server for mobile UI, and ScreensDesign when you need app-screen references rather than your own files.