More design,
less busywork
Connect AI tools like Claude and ChatGPT to your designs with the Sketch MCP server. Hand off the repetitive work. Keep the creative work for yourself.
Lock in without the lock-in
Connect any MCP-compatible AI client you like to Sketch.
There are no tokens to buy, no extra tiers, and no add-ons.
Works with your favorite tools
Do more with your designs
Swap themes in seconds
Switch light mode components for their dark mode counterparts — all without making a single manual swap.
Fill in the blanks
Replace placeholder text across every layer with true-to-life, context-aware content. No more lorem ipsum.
Tidy up documents
Sort, rename, and align layers automatically. Wrangle icon sets, keep Libraries clean, and bring calm to chaotic files.
Build a palette
Drop in a photo and get a full set of named color variables that compliment it. An instant color palette, ready to use in your document.
Build designs from code
Point your AI client at a repo to recreate text styles, colors, UI components, and even entire pages inside Sketch.
Create code from your designs
Take any frame in Sketch and build it out in code with 1:1 visual fidelity.
Get the implement-design skillGet started in minutes
Start the server
Press ⌘K to open the Command Bar in Sketch, type “MCP”, and hit Start. The server runs locally on your Mac.
Connect your AI Client
Works with Claude Code, Claude Desktop, Cursor, VS Code, Codex, and any other MCP-compatible client.
Start prompting
Tell your AI client what to do. It writes and runs the code inside Sketch, checks its own work, and iterates until the job’s done.
Your tools, your data, your Mac
The MCP server runs locally on your Mac and can’t be accessed remotely. It’s off by default — you decide when to switch it on and what your AI client can see. Prefer to keep everything on-device? MCP-compatible local models work too.
Thanks to newly launched Sketch MCP. I vibe coded/designed the booking system for pet hotel with Elixir/Phoenix and Tidewave. Now, I convert all LiveView pages into a Sketch files and pass it to real UI/UX designer. And, later from Sketch, I can convert it back into LiveView.
11 localizations, 7 screenshots each, took me 30 minutes to update the template. 5 minutes to translate with Codex and Sketch MCP. LFG
Tried out using @sketch MCP server and Claude to automatically translate Psylo’s App Store screenshots. Works pretty well for a first pass but the text layouts will need some work. I’m going to try to have Claude do it too 🤖
I built a new Skill to interact with Sketch. Now I can riff on app designs with vectors, rather than random image generation.
OpenCode + Sketch MCP = App Store screenshot localization done in a few minutes. Absolutely loving this.
honestly there’s a fun feeling in bringing my own stuff to life with @sketch MCP
If you are still doing things manually in @sketch then you are missing out. This is the Sketch MCP creating App Store assets for @Smartplanhq across all supported languages within 5 minutes. The screenshot process is also automated. I will share that later.
Take your next steps
MCP server docs
Everything you need to get started, including step-by-step setup guides for popular AI clients.
Five ways we use the MCP server
Real-world workflows with prompts you can copy, adapt, and build on.
Sketch skills catalog
Explore and download agent skills, including our implement-design skill for 1:1 design-to-code.
Give your AI client a canvas
Download Sketch and connect your AI tools in minutes.
No extra costs. No lock-in.