Sketch MCP
OfficialAllows interaction with Sketch designs, enabling exploration, iteration, data replacement, asset organization, and code generation.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Sketch MCPlist all artboards in my Sketch file"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Sketch MCP
The official Sketch MCP server that allows AI clients to interact with your designs:
Explore designs and Libraries — compare code to components to Sketch and fix inconsistencies
Expand and iterate on existing designs — try out new directions, generate alternative flows, and more
Replace placeholders with lifelike data, or even pull from real data sets
Organize and export assets
Generate screens and components as code
…and much more.
This server communicates with the Sketch app, so please ensure the app is running andthe MCP Server option is turned on.
Usage
Claude Desktop (Mac)
Go to Customize > Connectors, press the
+button, choose "Browse connectors".Search for "Sketch" and press "Install".
Related MCP server: Talk to Figma MCP
Development
From a technical standpoint this is an stdio MCP server that simply forwards messages to and from the local Streamable HTTP MCP server that is part of the Sketch Mac app. This "proxy" server is needed for clients like Claude Desktop that only support stdio and encrypted (HTTPS) remote MCPs.
Setup
npm ciRun the server
Launch Sketch and activate the MCP server option.
npm run start
Archive
This will generate the .mcpb archive ready for distribution:
npm run packMaintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- Alicense-qualityDmaintenanceMCP server that connects AI clients to Figma, enabling real-time reading, creation, and modification of designs using natural language.MIT
- AlicenseBqualityDmaintenanceAn MCP server that integrates AI agents with Figma, enabling reading and programmatic modification of designs.41MIT
- Alicense-qualityBmaintenanceAn MCP server that gives AI assistants structured access to a design system's tokens, components, guidelines, and patterns, enabling them to read, lint, and author design system data.1MIT
- Alicense-qualityCmaintenanceAn MCP server that gives AI coding agents access to Figma design data, enabling pixel-perfect implementation of designs through structured data extraction, image downloads, and design token retrieval.451MIT
Related MCP Connectors
An MCP server that integrates with Discord to provide AI-powered features.
MCP server for Flux AI image generation
MCP server for generating rough-draft project plans from natural-language prompts.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/sketch-hq/sketch-mcp-bundle'
If you have feedback or need assistance with the MCP directory API, please join our Discord server