Design Tools MCPサーバー

Figma API Server

Enables Figma plugin and widget integration through a Model Context Protocol (MCP) based API server.

Storybook

Provides AI assistants with access to Storybook components, stories, properties, and screenshots for enhanced interaction and analysis.

Svg Converter

Converts SVG code to high-quality PNG and JPG images with detailed customization options.

Svg To Fonts

Converts SVG icons into web fonts with CSS and TypeScript support.

UX/UI Tools for React + Material-UI

Applies AI-powered UX/UI best practices to React components built with Material-UI.

Figma Analyzer

Analyzes Figma files and extracts node hierarchies and metadata for use with LLMs.

Tripo3D

Integrates Tripo3D's API to enable text, image, and multiview-based 3D model generation, texturing, animation, styling, and format conversion.

Dieter Rams

Evaluates product designs against Dieter Rams' 10 principles of good design.

PPTX

Creates and manipulates PowerPoint presentations.

Orshot

Generates dynamic images from Orshot templates using natural language prompts within Claude, Cursor, and other MCP Server-compatible applications.

Nanana Nano Banana

Enables AI-powered image generation and transformation for MCP clients using Google Gemini's nano banana model.

Fal AI Image

Generates images from text prompts using fal.ai and integrates with AI IDEs.

Drawing

Provides a real-time interactive canvas for visualizing geometric shapes and monitoring Model Context Protocol requests from LLMs.

Color Convert

Facilitates accurate color conversion between various color spaces like RGB, HEX, HSL, OKLCH, LAB, and CMYK, serving as an extensible MCP server.

Figma

Converts Figma designs into React applications by processing Figma file data and providing it in a React-friendly format.

Magic AI Agent

Generates UI components from natural language descriptions within popular IDEs.

Accessible Color Contrast

Calculates WCAG contrast ratios between colors and provides accessibility insights for design and AI applications.

Gemini Image

Generates and saves images using Google's Gemini API, optionally guided by input images.

Python Firefly

Generates images from text prompts using the Adobe Firefly API.

Thingiverse

Enables AI assistants to search, explore, and retrieve 3D printable models from Thingiverse.