Sketch

Processes Sketch design files by extracting internal structure, analyzing design elements, and rendering visual components as SVG

mater1996 17 ↓ 552
Claude CodeClaude DesktopGeneric
View source ↗

A TypeScript-based MCP server that processes Sketch design files by extracting and analyzing their internal structure, providing tools to load .sketch files, navigate pages and layers, query design elements by type or name, and render visual components as SVG images. The implementation features a comprehensive analyzer that extracts detailed style information including colors, borders, shadows, text attributes, and shape properties from Sketch's JSON format, along with SVG rendering capabilities that can visualize rectangles, ovals, text, groups, and symbol instances. Designed for design-to-code workflows, design system documentation, and automated design analysis tasks where developers need programmatic access to Sketch file contents without manual inspection.

Source

Repository: https://github.com/mater1996/sketch-mcp-server

Maintain Sketch?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[Sketch on getagentictools](https://getagentictools.com/mcp/mater1996-sketch-mcp-server?ref=badge)