Claude Design MCP
UnclaimedTalk to Claude Design from Claude Code: send design instructions, read its replies, pull the designs into your repo, and watch it work.
Install
claude mcp add claude-design --scope user -- node "$PWD/src/index.mjs"Set up this server
More in Developer Tools
Browse the full directoryUnclaimed listing
Is this your MCP server?
This listing was auto-indexed from the public record. Claim it to edit the page, set compatibility and unlock growth tools. Takes under two minutes.
Claim this serverSecurity profile
Claimed and verified servers get a weekly static scan that shows what the code can reach: external services, environment variables, shell commands, agent configuration folders, plus any dependencies with known advisories. Claim this listing to get one. How the security profile works
23 of 23 tools
Documented tools (23)
From project documentation. A server handshake does not verify each tool’s description or behavior.
choose_repository
Point a project at a connected GitHub repository
close_browser
Shut the background Chrome and flush its profile
create_design_system
An empty design-system project. Type is fixed at creation, so it cannot be converted later
create_project
The "What should we create?" box: a prompt, an optional template, and it starts building
delete_chat
Delete one chat thread and its transcript
delete_files
Delete files from a project, verifying they are gone
delete_project
Delete a project or design system. Requires confirmName to match its exact current name
link_design_systems
Attach design systems to a project so its chats design against them
link_local_code
Attach a local folder as the project's codebase, so it designs against your real code
list_chats
Chat threads in a project, marking the active one
list_files
Recursive file listing
list_projects
Every project, with its projectId and whether it is a design system
list_templates
The home-screen tiles: Blank, Mobile app design, Slides, Wireframe, Diagram and 9 more
open_screen
Put the window on your display, on a given project, chat and page
pull_files
Download files to a local directory, binaries included
read_chat
Tail of a transcript. How you read what Claude Design said
read_file
Read a file, or a line range of one, without downloading it
screenshot
The rendered page as an image, so Claude can actually judge the design
search_code
Grep the project's files, with line numbers and context
send_prompt
Send an instruction, wait for the answer, return the reply and what changed. Takes local attachments
switch_chat
Make a different thread active, since sendprompt posts into the active one
upload_fig
Push a Figma .fig file in from disk
write_files
Push files up, e.g. components into a design system
Tool change history
FAQ
Questions about Claude Design MCP Server
- How do I connect Claude Design MCP Server to Claude?
- The listing records `claude mcp add claude-design --scope user -- node "$PWD/src/index.mjs"` as its setup step. Run it, then follow the repository's instructions for the client configuration; the listing names Claude Code as compatible clients.
- Is Claude Design MCP Server free?
- The listed licence is MIT. Check the upstream terms for permitted use and commercial requirements; a public repository does not by itself mean the software is free or open source. Connected APIs and hosted services may have separate charges.
- What can Claude Design MCP Server do?
- Claude Design MCP Server documents 23 tools to the agent, including choose_repository, close_browser, create_design_system. The descriptions above come from project documentation. A live handshake does not test individual tool behavior.