Export & Developer Integration
Learn how to export your Stitch designs — HTML/CSS, Figma, DESIGN.md — and wire them into your development workflow with the Stitch SDK and MCP server.
HTML/CSS Export
Export clean HTML and CSS code directly from your designs. Copy and paste into any project.
Learn More→Figma Export
Paste designs directly into Figma. Note: Figma export is not available in Experimental Mode.
Learn More→DESIGN.md
Export your design system as an agent-friendly markdown file. Import rules directly into AI coding environments.
Learn More→Stitch SDK
The @google/stitch-sdk package lets you programmatically generate and edit UIs. Use StitchProxy for MCP, StitchToolClient for direct tool access, or the high-level API.
Learn More→MCP Server
Connect Stitch to Claude Code, Cursor, Gemini CLI, and Antigravity via the Model Context Protocol.
Learn More→Design-to-Code Workflow
The full pipeline: Stitch generates UI → MCP bridges to IDE → AI agent implements pixel-perfect code.
Learn More→Ready to turn designs into shipping code? See the Design-to-Code workflow or the Stitch + MCP + code editor tutorial.