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)

[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.
[2/5] If you’re mocking up a UI, you can use Claude to take the tedium out of swapping placeholder text with something more realistic. This works well if you’ve got Symbols with text overrides. If you’ve already got the text you need, Claude can use that in your designs, or generate some for you.
[3/5] Maybe you’re building out an icon set or a particularly large Library. Either way, you can automate a lot of the organization and keep your documents tidy with little effort. In this case, we can use Claude to order things by name, rename layers, apply colors, and even create Symbols.
[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.

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.

MCP Server

Sketch
Already using our MCP server to do fun stuff? We’d love to see it! Share it below ↓