Free Breakpoints

Preview responsive layout inside a Figma frame.

✅ Works even without the opened plugin window and anyone in your team can resize frame without the installed plugin.

⛔️ There are a couple of restrictions:

Layouts must have a filled background without transparencyHug contents value for breakpoint frame is not supportedℹ️ This is because all the breakpoint layers are in one frame, one on top of the other. And this is the only way to get such an effect in Figma.

How to use?step1: Create more than one frames of different breakpoints with their max width.step2: Select all the above frames.step3: Run the plugin. It creates a component with name Responsive frame. Just create instance of this component and resize width to see responsive layout.

License:free without any restrictions.