A
licenseB
qualityA
maintenanceLocal MCP server for parsing Sketch exported HTML zip archives and extracting design structure information.
1
150
5
MIT
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 for parsing and extracting design structure information from HTML zip archives exported from Sketch, providing detailed data on pages, artboards, layers, and styles.
Why 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.172619MITWhy this server?
Enables comparison of Sketch's technology stack with other applications, providing side-by-side analysis of SDKs and dependencies.
AlicenseAqualityDmaintenanceTechnographics for desktop apps (like builtwith.com)4153MITWhy this server?
Allows interaction with Sketch designs, enabling exploration, iteration, data replacement, asset organization, and code generation.
Sketch MCPofficial
FlicenseBqualityCmaintenanceAn official MCP server that allows AI clients to interact with Sketch designs, enabling exploration, iteration, asset export, and more.2-Why this server?
Parses local .sketch design files into the unified DSL, enabling AI agents to view design layers, generate code, apply edits, and export sliced assets.
AlicenseNot gradedqualityBmaintenanceEnables AI assistants to directly view, understand, and modify local Sketch/Figma design files, including writing code, applying semantic edits, and exporting assets, all through a local MCP server without uploading data.MITWhy this server?
Allows for visual QA by comparing browser-rendered components against Sketch design requirements to identify styling discrepancies.
AlicenseNot gradedqualityDmaintenanceProvides 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.213MITWhy this server?
Allows Sketch design-token exports to be used as a source in token reconciliation and drift reporting.
AlicenseNot gradedqualityAmaintenanceEnables AI agents to compare design tokens from multiple sources, retrieve prior reconciliation runs, and get detailed per-conflict breakdowns with confidence factors and alias chains.1631Apache 2.0Why 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.
AlicenseNot gradedqualityFmaintenanceMCP server to provide Sketch layout information to AI coding agents like Cursor1372MITWhy this server?
Parses Sketch design files (from js.design) into CSS-aligned, LLM-friendly JSON, enabling AI agents to generate high-fidelity HTML/Vue/React code, with layout inference, resource export (WebP/PNG/SVG), and design token extraction.
FlicenseNot gradedqualityCmaintenanceMCP server that parses .sketch design files into CSS-aligned, LLM-friendly JSON, enabling AI coding agents to generate high-fidelity HTML, Vue, or React code.-