Google Stitch MCP Integration

Comprehensive Google Stitch MCP integration for AI-powered UI/UX design generation, design context extraction, screen code export, and design system management with advanced prompt engineering capabilities.

Quick Reference

Stitch MCP Core Features:

• extract_design_context: Extract "Design DNA" (fonts, colors, layouts, components) from existing screens
• fetch_screen_code: Download production-ready HTML/CSS/JavaScript code from generated screens
• fetch_screen_image: Download high-resolution screenshots of designs
• generate_screen_from_text: Generate new screens from text descriptions using AI
• create_project: Create new Stitch workspace/project folders
• list_projects: List all available Stitch projects
• list_screens: List all screens within a project
• get_project: Retrieve project details and metadata
• get_screen: Get screen metadata and information