Skip to main content

It would be great if we could select different device frames for each flow. This would give huge benefits to those who design responsive websites side by side.

+1, really need this feature


Yes, please. I need this often.


its 2023 and we still miss this +1


Usually when you don’t agree with a design decision you understand what the designers “right way to do it” is, but this functionality seam flat out broken to me.


I don’t even understand how the Figma UX-team thinks we should be working. One page per device we’re designing for?


I don’t know any web-designer that works this way. Everyone I know has desktop and mobile views right next to each other when designing a page for both.


Just have the device type associated with the flow created in prototype. We just want the a flow on ipad will have the outline of an iPad, same goes for mobile as well.


+100500 We need it


Coming back here since 2021 to check the status of this feature we need daily : ’ )


Please make this possible…


Agree, this would be super useful not just for responsive design but also for presentations leading into a prototype. For example with some intro slides then changing device when linking from slides into a different prototype flow.


Alternatively at least being able to link prototypes from two separate pages together and switching device that way


really disappointed this has not been solved in the meantime. We absolutely need this!


+1, really need this feature


Please Figma. You promised. Forget AI, do this instead…


I am new to Figma and shocked there isn’t anything like different device frames on the same project and somehow irritated to see that this has been asked by users since July 2021. Am I starting to use Figma at the moment it is actually becoming XD ?


I frequently present prototypes for desktop and mobile in the same meeting . For this reason, the ability to set Prototype Device Settings by frame would allow me to do so seamlessly, without having to stop, and reset the setting from mobile to desktop.



Yep, it would be nice to see this fixed.


This idea is from 2021! Still needing it every day.


Hi everybody. I haven’t read every comment on this thread but I have found a workaround that I like and have been using for several projects. I still would like devices sizes for each flow… but, try this out!


Figma does let you set prototype devices per “page”. Here’s a screenshot of what I do for each project file now. I set up mobile and desktop pages that contain only those device size prototypes, then I assign the corresponding prototype device for each page. You can setup a master Figma file that you duplicate every time you start a new project if you want. I hope this helps some people!


image


Great input, @Josiah_Pierce. Thanks for the input. We appreciate your input!


We design desktop and mobile screen in the same page and use the Custom Size setting to show our prototype (to overcome the fact that Figma can still not handle different devices for different flows…), the problem is that the Prototype option Fit Width is not available for some obscure reason. Therefore we MANUALLY add &scaling=scale-down-width to the URL to have it working and to have a proper link to share with client.


Would it be possible to just display it in the Option dropdown like for the Presentation setting?


We need this! 😭


A solution we use:

• Custom device frame for desktop (1440 x 900px)

• Insert a rectangle the same hex value as your prototype background

• Size rectangle to your mobile width and the difference between 900px and your mobile height (900 – 736 = 164px)

• Set rectangle to fixed position

• Extend page frames by 164px at bottom so this rectangle can hide there once scrolled to bottom of page


+1 New to Figma and loving it but already running into the need for this feature as my team designs for different viewports on the same page. Also seems like the new variables feature supports this concept by allowing you to assign your variable modes (mobile, desktop, etc) to a specific frames on the same page. Would be great to treat the device prototypes the same way.


+1 This would be a superb feature!


Still nothing? 😦


Reply