Hero Section Breaks When Exporting UI to Figma via “Copy to Figma”

Stitch
1

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:

  1. Generate a UI design using Google Stitch

  2. Click on “Copy to Figma”

  3. Open Figma and paste the design into a canvas

  4. 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.

2

Hey @me.likhonahmed, thanks so much for this detailed feedback. We really appreciate the effort you put into this, and I’m sorry for the inconvenience! I’m actually having trouble reproducing this on my end at the moment. Could you let me know if you’ve tried it again since our major rollout? If it’s still not working, please reply here and I’ll get a bug filed for the team immediately.

3

Hi Rishabh

ref to the export to figma and copy to clipboard feature is not stable and not working since last two days on my end, the feature looks disabled or is it usage limitation issue ?

4

Hey @deepdev, yes, this does happen occasionally with the 3.1 Pro model, especially on complex projects. We are aware of the issue and are actively working on it.

In the meantime, could you please try switching to the Flash model to see if that resolves the block? Alternatively, you can download the project and import it directly into Figma.

We apologize for the inconvenience and really appreciate your patience while we work on a permanent fix!