Unable to sync with Figma

[jaythakor-ai]

Before opening, please confirm:

• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

App Id

No response

Region

us-east-2

Environment name

dev

Amplify CLI Version

7.6.26

If applicable, what version of Node.js are you using?

14.16.0

What operating system are you using?

Windows

Browser type?

Chrome

Describe the bug

Unable to sync with Figma. Getting the Error that "Item Size limit exceed".

Expected behavior

Should be able to sync my new components into the Amplify Studio.

Reproduction steps

1. Create new components in the Figma using primitives.
2. Click on Sync with Figma from the Amplify Studio.
3. See the errors in the Studio.

Additional information

No response

[scottyoung]

Hi @jaythakor-ai, are you able to share the Figma file you are using to sync? This will make it easier to debug on our end.

[ghogharidevam]

Hello @scottyoung, I'm also facing the same issue, Here is the screenshot.

[letsbelopez]

When this error happens it's because the component has exceeded our service quota for the component size. Please review our service quotas and your component size.

https://docs.aws.amazon.com/general/latest/gr/amplify.html#service-quotas-amplify-ui-builder

[ghogharidevam]

Okay @letsbelopez, Got it.

But what if we have to use the same component for development?
Should I break my component into multiple components? Or is there any other solution?

Because we can not compress Figma components in the Figma file.

[letsbelopez]

Looking at our Amplify figma file could give you an idea on how to organize your components to reduce size: https://www.figma.com/community/file/1047600760128127424

To further debug your use case, we'd have to see your component and figma file. If you need further help, would it be possible to share it with us?

[letsbelopez]

Closing this issue for now, please let us know if this is still a problem.

[LekovicMilos]

I have a problem with this, it turns out the icons that I am using in figma in the components are too big, some has 588kb. Is the quota 350kb? How do I reduce the size of the icon in figma to have it accepted in amplify studio?