How to Automatically Switch Components in Responsive Figma Designs?

Ask the community
, , ,
1

Hi everyone! :wave:

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?

2

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