I’m experiencing a consistent issue when exporting UI designs from Google Stitch to Figma using the “Copy to Figma” feature. Specifically, the hero section layout becomes broken or misaligned after pasting into Figma.
This issue occurs across multiple UI generations, not just a single project, which suggests it may be a systematic problem with the export process.
Steps to Reproduce:
-
Generate a UI design using Google Stitch
-
Click on “Copy to Figma”
-
Open Figma and paste the design into a canvas
-
Observe the hero section layout
Expected Result:
The UI should be transferred accurately into Figma, maintaining:
-
Layout structure
-
Spacing and alignment
-
Component positioning
-
Typography and scaling
Actual Result:
The hero section appears broken, including issues such as:
-
Misaligned elements
-
Incorrect spacing
-
Overlapping text and images
-
Distorted layout structure
This affects usability and requires manual fixes after export.
Frequency:
-
Occurs every time when exporting UI designs
-
Happens across all generated UIs, not limited to one design
Impact:
This significantly slows down the workflow because:
-
Additional time is required to fix layouts manually
-
Reduces reliability of the “Copy to Figma” feature
-
Affects productivity when working with multiple designs
Environment:
-
Tool: Google Stitch
-
Export Method: Copy to Figma
-
Platform: Web browser (Chrome)
-
Figma Version: Web version
Additional Notes:
-
The issue seems most noticeable in complex sections like hero areas with multiple layers (text, images, buttons).
-
Other sections may transfer more accurately, but the hero section consistently breaks.
Request:
Please investigate and fix the issue with layout translation when using “Copy to Figma,” particularly for hero sections. Improving export accuracy would greatly enhance usability and workflow efficiency.