Responsive design beyond breakpoints with Figma’s variables and modes
With variables and modes, we can set up responsive designs whereby components automatically adapt to the given screen size they are placed on, and we can ensure that those frames only resize within the provided breakpoints.
This is a new development with Figma from June 2023. Prior to this we manually designed with breakpoints for each screen size.
https://uxdesign.cc/responsive-ui-design-with-figmas-variables-and-modes-2f97a36be6f7
https://uxdesign.cc/working-with-breakpoints-in-figma-testing-and-documenting-responsive-designs-db1c27237c0f
