Free Breakpoints

About this plugin

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:

1. Layouts must have a filled background without transparency
2. Hug 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.