Sketch MCPofficial
F
licenseB
qualityB
maintenanceAn official MCP server that allows AI clients to interact with Sketch designs, enabling exploration, iteration, asset export, and more.
Last updated
2
Best Sketch MCP Servers
Sketch is a design platform for Mac that helps you create, prototype, collaborate and design systems all in one place.
Why this server?
Allows interaction with Sketch designs, enabling exploration, iteration, data replacement, asset organization, and code generation.
Why this server?
Enables comparison of Sketch's technology stack with other applications, providing side-by-side analysis of SDKs and dependencies.
AlicenseAqualityCmaintenanceTechnographics for desktop apps (like builtwith.com)Last updated4132MITWhy this server?
Allows for parsing and extracting design structure information from HTML zip archives exported from Sketch, providing detailed data on pages, artboards, layers, and styles.
AlicenseBqualityAmaintenanceLocal MCP server for parsing Sketch exported HTML zip archives and extracting design structure information.Last updated15845MITWhy this server?
Provides tools for analyzing Sketch design files, extracting nodes, styles, hierarchies, and generating code, with smart token optimization and support for symbol components and visual rendering.
AlicenseAqualityFmaintenanceA Sketch file processing MCP server that enables AI tools to analyze Sketch design files and generate code, with smart token optimization and 16 professional tools for design element discovery and analysis.Last updated171617MITWhy this server?
Parses Sketch design files (.sketch), enabling access to components, symbols, and design elements. Supports both local and Cloud Sketch files, component extraction, asset management, and selection links via a Sketch Selection Helper plugin.
Alicense-qualityFmaintenanceMCP server to provide Sketch layout information to AI coding agents like CursorLast updated1071MITWhy this server?
Allows for visual QA by comparing browser-rendered components against Sketch design requirements to identify styling discrepancies.
Alicense-qualityCmaintenanceProvides AI agents with deep visibility into a running web page's UI by capturing DOM, styles, and screenshots through a lightweight bookmarklet. It facilitates design-to-code comparisons, accessibility audits, and automated CSS debugging directly within an IDE.Last updated313MITWhy this server?
Provides tools for processing Sketch design files, allowing extraction of layout information, rendering of design nodes, and retrieval of page structure and metadata.
-license-quality-maintenanceA server based on Model Context Protocol that processes and parses design files (Vextra/Figma/Sketch/SVG), enabling AI assistants to access and manipulate design content.Last updated3Why this server?
Tracks design activity in Sketch, categorizing time spent under the design category for creative work analysis and productivity reporting.
Flicense-qualityDmaintenanceConnects AI assistants to ActivityWatch for real-time computer activity awareness and time tracking analysis. Enables natural language queries about app usage, browsing history, and productivity patterns through high-level tools without requiring AQL syntax knowledge.Last updated