Make It Responsive

21.6k users on Figma

Make your Figma designs responsive

Select a frame, pick desktop, tablet or mobile, and the plugin resizes it and adapts the layout to fit. Less resizing by hand, more time for design.

Try free in Figma(opens in a new tab)See how it works

50 free responsive inputs every month

Animation of Figma with the Make It Responsive plugin open. A landing page frame is selected; the cursor chooses Tablet, then Mobile, in the plugin's Device menu and clicks Apply the Size, and the frame reshapes to each size.

Pick a size to watch the plugin apply it

How it works

Three steps, all inside Figma

Open the plugin next to the design you're already working on. There's no separate app and nothing to export.

  1. 01

    Step 1

    Select a frame

    Pick the frame or group you want to adapt, then open Plugins → Make It Responsive.

  2. 02

    Step 2

    Choose a screen size

    Pick a device and model from the presets, or set custom breakpoints for the sizes your project needs.

  3. 03

    Step 3

    Apply, then refine

    The plugin resizes your frame and adapts its layout. Fine-tune alignment and details where you need to.

What it does

Built for the resizing you'd rather skip

Make It Responsive handles the repetitive part of adapting a design, so your time goes to the decisions only you can make.

Presets for common screens

Desktop, tablet and mobile presets, including common iPhone and Android sizes.

Custom breakpoints

Set the exact dimensions your project needs when the presets don't cover them.

Adds Auto Layout

The plugin can add Auto Layout to designs that don't use it yet, giving you a cleaner structure to refine.

Your designs stay in Figma

The plugin doesn't send your designs to any server, and it doesn't collect analytics of its own.

A starting point, not code

It adapts design files only. It doesn't export code or build websites, and you may still fine-tune the details.

Pricing

Start free, upgrade when you need more

Prices in US dollars. Pay monthly, or once.

What counts as a responsive input?

Each time the plugin turns a frame into another screen size, that's one. Adapting one design to desktop, tablet and mobile uses 3.

Paid plans can be refunded within 7 days of purchase. Pricing details

FAQ

Questions, answered

Can't find what you need? Email hello@makeitresponsive.co.

See all questions

Spend less time resizing by hand

Install the plugin from the Figma Community and try it on your next design. The free plan includes 50 responsive inputs a month.

Try free in Figma(opens in a new tab)