Sketch MCP MCP Server

About

## Sketch MCP Server: Professional Design Platform The **Sketch MCP Server** integrates the industry-standard vector design tool directly into Google Antigravity, enabling AI assistants to access design files, manage symbols, and extract assets programmatically. This integration brings professional design workflow capabilities to your development process. ### Why Sketch MCP? - **Industry Standard**: The most widely used professional UI/UX design tool for Mac - **Symbol Libraries**: Powerful component system with nested symbols and overrides - **Plugin Ecosystem**: Extensive plugin marketplace for extended functionality - **Developer Handoff**: Built-in tools for spec extraction and asset export - **Native Performance**: Optimized Mac app with smooth vector handling ### Key Features #### 1. File Operations ```python from anthropic import Anthropic client = Anthropic() response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Open the design system Sketch file and list all pages and artboards" }], tools=[{ "name": "sketch_files", "description": "Work with Sketch files" }] ) ``` #### 2. Symbol Management ```python # Manage symbols response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "List all button symbols and their override options" }], tools=[{"name": "sketch_symbols", "description": "Manage symbols"}] ) ``` #### 3. Asset Export ```python # Export design assets response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Export all icons at 1x, 2x, and 3x as PNG and SVG" }], tools=[{"name": "sketch_export", "description": "Export assets"}] ) ``` #### 4. Style Extraction ```python # Extract design tokens response = client.messages.create( model="claude-sonnet-4-20250514", max_tokens=1024, messages=[{ "role": "user", "content": "Extract all shared styles including colors, typography, and effects" }], tools=[{"name": "sketch_styles", "description": "Extract styles"}] ) ``` ### Configuration ```json { "mcpServers": { "sketch": { "command": "npx", "args": ["-y", "@anthropic/mcp-sketch"], "env": { "SKETCH_PATH": "/Applications/Sketch.app" } } } } ``` ### Use Cases **Design System Sync**: Keep code design tokens synchronized with Sketch shared styles. **Asset Pipeline**: Automate the export of production-ready assets from design files. **Component Inventory**: Generate documentation of available design components and variations. **Version Comparison**: Track design changes across file versions for design QA. The Sketch MCP Server brings professional design tool integration directly into your development workflow, enabling seamless design-to-code workflows.

Installation

{
  "mcpServers": {
    "sketch": {}
  }
}

How to Use