Sketch Context
Createdjshmllr
Integrates Sketch designs with IDEs to enable AI-powered design-to-code workflows.
About
Sketch Context bridges the gap between design and code by providing a Model Context Protocol (MCP) server that allows IDEs like Cursor to access and interpret Sketch design files. It facilitates AI-powered design-to-code workflows by parsing Sketch files, implementing the MCP protocol, allowing referencing of specific components and layers, providing a UI interface for Sketch, and enabling real-time bidirectional communication between Sketch and IDEs.
Key Features
- Parses local and cloud Sketch files
- Extracts components and symbols
- Supports selection links via the Sketch plugin
- Provides real-time updates via WebSockets and SSE
- Enables creation of rectangles and text elements from IDE commands
- 32 GitHub stars
Use Cases
- Referencing components by ID in IDEs
- Creating and modifying design elements through natural language commands
- Listing all components in a design from an IDE
