Hello. With all the updates to auto layout, it would be wonderful if when an engineer is reviewing the designs, they could actually resize a frame to see how the designer intended for the responsive breakpoints to work. Especially since CSS now supports container responsive in some browsers which is essentially how Figma works. Right now, the only option would be to copy and paste frames side by side of different sizes to show that interaction but it only gets you so far and letting the actual engineer modify that width to see the responsive intentions you baked into the design would be way more helpful and less “noise” on the screen for them to review.
Dev Mode: Resize frame to see responsive intentions
Hey Ed! Thanks so much for the detailed feedback. We’re continuing to work on improving dev mode – since this is new, this is very helpful 😀
I highlighted this in an internal feedback board on my end. Would you be willing to receive future contact from us via email if our engineers would like to pick your brain more?
Just found this post today Ed. Very good thinking. I agree totally! Been fighting this same thing. No ability to resize or drag in Dev Mode, however they have provided wrapping in auto layout and variables now too.
Yet failed to consider how people use the product. Dev Mode continues to disappoint. Sorry, rant a little there.
Allie Paschal made this crazy awesome method to use variables in setting a layout grid. I found it super cool for just selecting the breakpoint at which one wants to view in design mode.
A simple select menu for the breakpoint of the selected frame would be literally the easiest thing to input into Dev Mode. I mocked up the scenario and sent the Figma file to Figma as a feature request.
They will ignore it like always. But hey…in the latest release notes, they made it so you can put a divider in the sidebar to separate your pages in the list. So that was super valuable. Yes?
Anyway, check out the summary.
Figma – 15 May 24Also, the original brilliance behind the idea is from Allie is at Using Figma variables for breakpoints | by Allie Paschal | UX Collective.
Until then, meh I guess?
We are also missing that, I was surprised that there is no playground for the whole frame available in dev mode, like the one for components. I have to create animations to demo responsive behavior.
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.