Skip to main content
Question

How to Automatically Switch Components in Responsive Figma Designs?

  • November 29, 2024
  • 1 reply
  • 112 views

Thamara_Tarek

Hi everyone! ๐Ÿ‘‹

Iโ€™m working on a responsive design in Figma, and I want to be able to switch one component (for example, a sidebar menu) to automatically switch to another component
( like a hamburger menu) when resizing a frame.

Iโ€™m aware of auto layout, variants, and constraints, but these require manual tweaking or triggers in prototype mode. Is there a plugin or a feature in Figma that can detect the frame size and automatically swap components accordingly for a more dynamic responsive workflow?

Nate_G
  • Power Member
  • November 29, 2024

Hi @Thamara_Tarek, yes there are some plugins that allow you to scale a frame and have it swap between designs.

Some you could try are

Responsively: https://www.figma.com/community/plugin/1079288264185622297/responsively

Breakpoints: https://www.figma.com/community/plugin/824289601590456356/breakpoints


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings