Sketch MCP to Code

Generate code from Sketch designs with project-aware reuse, symbol-driven components, and visual verification.

Required Sketch guides

• get_guide with topic: "mcp" — always; MCP prerequisites, run_code rules, failure handling, and visual verification.
• get_guide with topic: "use" — Sketch inspection, symbols, overrides, stacks, styles, exports, and content verification.

Fetch guide subtopics on demand when the task needs them: troubleshooting, layout, styling, symbols, assets, and prototyping.

Inverse workflow: Sketch from code/URL is sketch-design-from-reference

Prerequisites

• Sketch running with MCP enabled (Settings → General → Allow AI tools to interact with open documents).
• Target document open; user selection or explicit frame ID / share link (https://sketch.com/s/<doc-uuid>/f/<frame-uuid>).
• Project workspace accessible — agent can read source, configs, and package manifests.
• Know the target platform from user or repo signals (e.g. package.json → web, *.xcodeproj → iOS, android/ → Android). Ask if ambiguous.