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.
RemotePythonDesign$claude mcp add --transport http mcp-server-guide https://mcp.figma.com/mcpProvides AI coding agents with access to Figma design metadata to enable accurate one-shot UI implementation.
LokalTypeScriptDeveloper 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.
LokalHtmlDeveloper Tools$claude mcp add design-extract -- npx -y designlangConnects AI clients to Figma to extract design tokens, create components and frames, sync variables, and audit accessibility and design-code parity.
Lokal102 ToolsTypeScriptDesign$claude mcp add figma-console-mcp -- npx -y figma-console-mcp
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.
LokalRemote53 ToolsTypeScriptDesign$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.
LokalTypeScriptDesign$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.
Lokal8 ToolsTypeScriptDesign$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.
LokalPythonDesign$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.
Lokal1 ToolTypeScriptDeveloper 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.
LokalRemoteJavaScriptDesign$claude mcp add --transport http drawio-mcp https://mcp.draw.io/mcp
3D
Blender and Unity scenes.
Provides a unified control plane for AI agents to operate digital content creation tools, game engines, and design software through a single protocol.
Remote9 ToolsRustWorkflow 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 & 3DAktualisiert 13. Nov. 2026Lets an AI client control Bambu Lab printers over LAN, slice 3MF models, manage AMS filament, and inspect print status.
Lokal36 ToolsTypeScriptWorkflow Automation$https://github.com/DMontgomery40/bambu-printer-mcp/releases/download/v1.1.26/bambu-printer-mcp.mcpb