When your design document is really just a JSON file on your Mac, and you’ve got a local MCP server to work with, it turns out you can do…a lot of useful things?
Here’s what we’ve been using the Sketch MCP server for ↓
Designers, welcome home.
When your design document is really just a JSON file on your Mac, and you’ve got a local MCP server to work with, it turns out you can do…a lot of useful things?
Here’s what we’ve been using the Sketch MCP server for ↓
@joethephish I opened this and immediately lost 5 minutes staring at it. Worth it.
@nfd Thanks for the shoutout! This is exactly what we design for, minimum friction and maximum flow!
@jonmsterling I would not have it any other way!
@brunoscheele Totally fair. I’ll make sure to pass this along to the team — thank you for sharing 🙏
We always try to make Sketch feel “at home” on macOS. That means adopting some parts of Apple’s latest direction — and deliberately not adopting others. Thanks for sharing your thoughts — we appreciate the feedback.
@ines :chef-kiss:
@webjac 🥳🥳🥳
We’re kicking off the year with four new features — starting with previews!
With previews, you can choose the pages and prototypes you want to share with clients, while keeping the rest of your document private. 🧵↓
We’ve also added a full layer list for inspecting designs in the web app — making it easier to find layers, jump to them, copy links, grab CSS, or export your selection. There’s a handy new contextual menu, too. Also, you can invite the devs in your team to use this for free! 🧵↓
Finally, we now support drag-and-drop organization for folders, documents (and even selections that contain both!) in the web app. Combine this with folders you can nest as many levels deep as you need, and you’ve got a lot of flexibility for organizing your work. 🧵↓
We’ve got plenty more to share with you this year — and we’re already working on what’s next.
Catch up on everything we’ve rolled out → skt.ch/changelog
You can protect your previews with passwords and set expiry dates, and choose if people can comment on and inspect your designs. More info over at: https://skt.ch/nhO96u1 🧵↓
Next up — an all-new Slack integration. If you’ve ever shared a link to a document in your Workspace in Slack, you’ll know that… not much happens. Not anymore! Now you can connect your Workspace to Slack and get a nice preview. 🧵↓
Sketch 🤝 Claude
Great with an MCP server
We shipped our MCP server back in October last year. Here are five (of many!) things we’ve been using it for 🧵 ↓
(We’re big Claude Code fans here, but you can use any MCP-compatible client)
[4/5] So far we’ve been talking about existing projects, but if you’re starting something new and aren’t hot on color theory, you can throw Claude an image and ask it to create a complimentary color palette based on it. Once you’ve got your colors, you can have Claude make them color variables, too.
[5/5] Got an existing website but no design files? Point Claude at the repo and ask it to build out all the relevant styles, and even entire pages, in Sketch for you. Again, you can have Claude check its own work by using our MCP server’s get_selection_as_image tool.
Already using our MCP server to do fun stuff? We’d love to see it! Share it below ↓
If you want to get started with our MCP server, look no further, we got docs for you: https://www.sketch.com/docs/mcp-server/
There you’ll find instructions for setting up our MCP server with Claude, Cursor, Codex, and more.
[1/5] If you’ve got a set of dark and light Symbols, you can build out your UI using one set, then have Claude build the same screen using the other set. There’s no crazy setup here, just point it to the right Symbols. With our get_selection_as_image tool, you can have Claude check its own work.