Stitch Figma Bridge

About this plugin

Stitch Figma Bridge connects Figma and Google Stitch in both directions. Generate AI-powered UI in Stitch, browse your Stitch projects and screens, import Stitch designs into Figma as editable layers, and send Figma frames back to Stitch for AI-powered generation or editing.Whether you're looking for Figma to Stitch, Stitch to Figma, Google Stitch, import Stitch screens to Figma, or AI UI to Figma, Stitch Figma Bridge connects the two workflows in one plugin.✨ What You Can DoFigma to Stitch — Select a Figma frame and send it to Stitch as a design brief for generation or editing.Stitch to Figma — Import Stitch screens directly onto your Figma canvas.Import editable layers — Convert Stitch screen exports into real, editable Figma layers instead of flat images.Manage Stitch projects — Browse your Stitch projects and screens directly from Figma.Generate AI UI — Use Stitch chat to create new screens, edit existing screens, and generate design variants.Create screen variants — Generate alternative versions of your Stitch screens using natural-language prompts.Use design systems — Work with Stitch design systems when generating or editing screens.Stitch MCP integration — Use Stitch MCP capabilities to manage projects, screens, variants, and AI design workflows.Secure API key storage — Enter your Stitch API key once; it is stored encrypted on the server and reused for later sessions.🔄 How It Works1. Connect Figma and StitchRun Stitch Figma Bridge in Figma Desktop and sign in with Google.2. Connect your Stitch accountEnter your Stitch API key once. The key is stored securely and used for subsequent sessions.3. Stitch → FigmaBrowse your Stitch projects and screens, select a screen, and click Import to Canvas.The plugin retrieves the Stitch screen export and converts it into editable Figma layers, allowing you to continue designing and editing directly in Figma.4. Figma → StitchSelect a Frame or Component from your Figma canvas and click Select from Canvas.Describe what you want to create or change, and Stitch can use the selected design as context for generating or editing the UI.5. Generate and manage with StitchUse the built-in Stitch chat to:Create new projectsGenerate screensEdit existing screensCreate screen variantsList project screensApply design systemsWork with Stitch MCPWhen Stitch generates new screens, they become available in your project and can be imported back into Figma.🚀 The Figma ↔ Stitch WorkflowSelect in Figma → Generate or edit with Stitch → Import back to Figma → Continue designingStitch Figma Bridge makes it easier to move between AI-generated UI in Google Stitch and editable Figma designs without manually recreating screens.