Design Tools MCP Servers

UX Analyst AI

Analyzes websites across multiple viewports to identify UX issues, check accessibility, detect AI design anti-patterns, and generate actionable code fixes.

Blender

Integrates Claude AI with Blender, enabling AI-powered control and manipulation of 3D scenes and objects through natural language prompts.

Ideogram

Provides image generation functionality using the Ideogram API through a Model Context Protocol (MCP) server.

Color

Provides advanced color manipulation, palette generation, gradient creation, and visualization capabilities to AI applications via an MCP server.

A1D

Provides AI-powered image and video processing tools accessible via the Model Context Protocol (MCP).

System Designer

Provides AI agents with tools to create, validate, and export UML system models and executable System Runtime applications.

Tinify

Optimizes and resizes images using the TinyPNG API, integrated as a Model Context Protocol server.

Imagegen

Generates high-quality images from text prompts using OpenAI's DALL-E 3 model via an MCP server.

Flow Diagram

Generate, visualize, and manage complex flow diagrams with integrated MCP server capabilities for enhanced LLM-driven creation.

Infographic

Generates and renders infographics from a custom DSL syntax, serving them through various transport modes.

Framelink Figma

Connects AI coding agents to Figma design data, enabling one-shot design implementation directly within your IDE.

ImageGen

Generates images from text descriptions using OpenAI's DALL-E API, integrating with platforms like Claude.

Blender

Connects Blender to Claude AI for AI-assisted 3D modeling, scene creation, and object manipulation.

Figma

Integrates with Figma's API to interact with files, comments, components, and webhooks.

Rag

Offers a suite of tools spanning various categories such as browser automation, design, and development.

Aseprite

Connects Aseprite's pixel art and animation capabilities to AI assistants for natural language-driven sprite creation and editing.

GridStack

Provides comprehensive programmatic access to the GridStack.js API, enabling the creation and management of dynamic drag-and-drop grid layouts and interactive widget systems.

Gemini Image

Generate and edit images with AI using Google's Gemini 2.5 Flash Image API.

Summerwu01

Organizes tools into various categories, such as browser automation, design, and social media management.

Figma Developer

Enables AI coding tools to access and utilize Figma design data.