Figma Export
Paste designs directly into Figma. Note: Figma export is not available in Experimental Mode.
What is Figma Export?
Stitch lets you paste your designs directly into Figma, the industry-standard design tool. This is perfect for teams that use Figma as their source of truth for design systems. You can use Stitch for rapid AI generation and then bring the results into Figma for detailed refinement, collaboration, and handoff to developers.
How to Export to Figma
Select a screen in Stitch and use the "Copy to Figma" option. The design is copied to your clipboard in a Figma-compatible format. Open your Figma file and paste — the design appears as editable Figma layers. You get proper layer hierarchy, text layers, and shape elements that you can modify with all of Figma's tools.
Limitations and Workarounds
Note that Figma export is currently not available in Experimental Mode (Gemini 2.5 Pro). If you need Figma export, use Standard Mode. The exported layers may need some cleanup — complex gradients and certain effects might not transfer perfectly. However, the structure and layout are accurate, saving significant time compared to recreating the design from scratch in Figma.
Workflow Integration
The ideal workflow is: use Stitch for rapid exploration and variant generation, select your best design, export to Figma, then refine in Figma using your existing design system components. This combines the speed of AI generation with the precision of manual design tools. Your team can continue using their familiar Figma workflow while benefiting from Stitch's AI capabilities.
Tips & Best Practices
- 1Use Standard Mode when you know you will need Figma export.
- 2Clean up layer names in Figma after pasting for better organization.
- 3Apply your design system components to replace generic Stitch elements.
- 4Export multiple variants to Figma to facilitate team design reviews.
- 5Use Figma's auto-layout to make the imported designs responsive.