AWS Amplify Figma-to-code - Support XXXL

[liammc44]

Describe the feature you'd like to request

Currently, the official Amplify Theme supports different sizes up to XXL. This is great, but it often leaves out ultrawide monitors.

While I can modify the Theme breakpoint settings and increase the pixel amount for XXL, I would like to have additional options for wider monitors. This would significantly improve the user's experience of my website.

Describe your use case and how the feature would improve your experience.

Add more Breakpoint options. I suggest they should be named 3XL and 4XL for simplicity. They will better accomodate ultra-wide monitors, which have become increasingly popular in recent years.

Currently, users of my website that own an ultra-wide will have a poor experience. Content is unnecessarily stretched out and does not fit well on their screen. Adding a new breakpoint option will help improve this experience.

Plus, since you are adding brand new breakpoints to the list, it should not cause any breaking changes for Amplify users that still use base-XXL.

Describe alternatives you've considered

I've tried changing the XXL pixel value, but it's not as great of an experience for the user. It would be much better if we had more options as to how our Amplify website content looked on their screens

Additional context

Thanks for looking into this!

[ykethan]

Hey, 👋 thanks for raising this! I'm going to transfer this over to our UI repository for better assistance 🙂.