Sketch Context

Bridges Sketch design files with development workflows through dual-component architecture, enabling file parsing, component extra

jshmllr 71
Claude CodeClaude DesktopGeneric
View source ↗

Sketch Context MCP server by Joshua Miller that bridges Sketch design files with AI-powered development workflows through a dual-component architecture consisting of a Node.js server implementing MCP protocol and a native Sketch plugin with WebSocket communication. The implementation supports both local .sketch files and Sketch Cloud documents via API authentication, providing tools for file parsing, component extraction, layer selection management, and real-time design element creation (rectangles, text) directly from AI assistants. Built with Express, WebSocket support, and comprehensive error handling, it enables designers and developers to seamlessly integrate Sketch designs into code generation workflows, allowing AI assistants to reference specific design elements by ID, extract component information, and even create new design elements through natural language commands in IDEs like Cursor.

Source

Repository: https://github.com/jshmllr/sketch-context-mcp

Maintain Sketch Context?

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 Context on getagentictools](https://getagentictools.com/mcp/jshmllr-sketch-context-mcp?ref=badge)