Design to code
Design servers give the model the actual frames, layers and tokens instead of a screenshot, which is what makes generated front-end code match the design. The list starts with Figma, then covers the wider design category and 3D tools.
Figma
Frames, components and variables from your files.
Gives AI coding agents Figma design context so they can generate code, extract variables and components, and write to the canvas.
УдалённыйPythonDesign$claude mcp add --transport http mcp-server-guide https://mcp.figma.com/mcpLets an AI client read, create, and modify Figma designs through an MCP server and Figma plugin.
50 инструментовJavaScriptDesignОбновлено 14 нояб. 2026 г.Provides AI coding agents with access to Figma design metadata to enable accurate one-shot UI implementation.
ЛокальныйTypeScriptDeveloper Tools$claude mcp add figma-context-mcp -- npx -y figma-developer-mcpExtracts design systems from any URL into tokens for Tailwind, Figma, and AI editors, while scoring UI consistency and brand alignment.
ЛокальныйHtmlDeveloper Tools$claude mcp add design-extract -- npx -y designlang
Design tools
Diagrams, icons, images and UI kits.
Lets an AI client create, inspect, validate, and save editable 3D building scenes, including walls, rooms, doors, and furnishings.
ЛокальныйУдалённый53 инструментаTypeScriptDesign$claude mcp add editor -- npx -y @pascal-app/mcpAllows an AI client to control Adobe Photoshop through natural language commands to perform edits, retouching, and batch processing.
ЛокальныйTypeScriptDesign$claude mcp add photoshop-mcp -- npx -y @alisaitteke/photoshop-mcpLets an AI agent draw and edit draw.io diagrams on a live browser canvas that you can also edit by hand.
Локальный8 инструментовTypeScriptDesign$claude mcp add next-ai-drawio -- npx -y @next-ai-drawio/mcp-serverEnables AI clients to create and edit 3D models, execute Python scripts, and perform FEM analyses within FreeCAD.
ЛокальныйPythonDesign$claude mcp add freecad-mcp -- uvx freecad-mcpEnables AI clients to search thousands of React and Tailwind components and generate new UI directly within your code editor.
Локальный1 инструментTypeScriptDeveloper Tools$claude mcp add magic-mcp -- npx -y @21st-dev/magicEnables AI clients to create, search, and render interactive diagrams using Mermaid or XML directly in chat or the draw.io editor.
ЛокальныйУдалённыйJavaScriptDesign$claude mcp add --transport http drawio-mcp https://mcp.draw.io/mcp
3D
Blender and Unity scenes.
Enables AI-driven generation of images, video, 3D meshes, PBR materials, and audio directly within the Blender viewport via a local MCP server.
PythonAI & LLM ToolsОбновлено 14 нояб. 2026 г.Provides a unified control plane for AI agents to operate digital content creation tools, game engines, and design software through a single protocol.
Удалённый9 инструментовRustWorkflow Automation$claude mcp add dcc-mcp-core -- uvx dcc-mcp-serverLets AI clients control Blender to create and modify 3D objects, materials, scenes, and generate assets.
PythonGames & 3DОбновлено 14 нояб. 2026 г.