Hot to make responsive design faster in Figma? Any plugins?

Hello @Marcus13

Well, Figma is a large software and it is focused on creating the experience, Other competitions are mostly able to create some pages and move on , In Figma, you can create products experiences as well as pages.

But In overall, Figma has some abilities for responsive, however perfect responsive needs redesigning.

1- inside auto layout, Use Fill containers this makes your boxes flexible .
2- Use constrains this helps a lot if your not running on Auto layout

There is a Plugin called Breakpoints that helps with Responsive design, But I have no comment on it, Test it yourself to see if it suits your desired outcome:

Hi Sohrab,
Thanks for very quick respond, awesome!

I just think, after watching a lot of different tutorials on Youtube, this issue are the red thread, when it comes to 1) have to make sure you use fill containers and other settings in auto layout 2) need to adjust the design for different/ each device sizes.

I hoped it was possible to make this in a better and faster way, so it would be more easy for the designer, as this part would stand for 70% of the work.

I will try to use the plugin you mention, thanks:)

Your welcome @Marcus13

I agree with you to some point, but to be honest, Figma is a visual design for fast work, Thinking abut responsive needs coding logics, that needs to use specific containers to be able resize with desired outcome. In Figma we do not need that. That is why Figma and Webflow had a partnership before.

Please take a look at this video that explains a lot in short video on this matter:

Hi again,
And thanks for the video. I’m already following and watching this guy:)

I understand I should never start using WebFlow as I also find not good enough, when it comes to creating e-commerce sites, especially.

But what i mean, is that in a lot of projects, the stake holders, customers and most of all investors, need to see a prototype in action. Then need to convert the design mockups to be responsive and interactive for different devices.

Check this plugin https://www.figma.com/community/plugin/1363571066131304729/breakpoints.

Yes now there’s a plugin for creating responsive designs, the plugin called Responify, you can check it from here.