Figma Support Forum

Multiple Flows Should Have Different Device Frames

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.

23 Likes

In next updates. Please allow to choose device to see in Prototype for each Flow.
Thanks!

13 Likes

I’d love to see this feature too!

1 Like

Yes, this is crucial for those of us who design responsive websites.

1 Like

YES! Please add this functionality along with all the newer devices in the default menu.

1 Like

:crossed_fingers: :crossed_fingers:

1 Like

This is a must-have feature!

2 Likes

I found an alternate way of showing responsive prototypes. Here is how:

  1. Select custom size from the device list (all the way at the bottom)

  2. Set the max width and height of your screens

  3. Play prototype and select the different flows. In my case mobile, tablet, desktop and watch the screen adjust to each flow screen size.

This might not be the ideal solution but for now it works for me. Hope you find it useful :slightly_smiling_face:

Here is a screen capture
figma-responsive-prototype

2 Likes

Yes please, I come across this issue every few weeks and there’s no satisfying solution really.

A must have feature.

I have an alternative solution as well.

  1. Add a " Flow starting point " to each of the frame that have different frame sizes (ie. the mobile will have it’s own starting point, the desktop will have its own starting point).
  2. Once done, click outside the frame anywhere on the canvas to unselect any frame.
  3. Then under " Prototype " change " Device" to " Presentation (Fill) "
  4. Now preview your designs. The preview size will follow the frame size.
1 Like

The alternatives arent good enough because we literally need different prototype devices for different flows especially when it is screen size specific so that scrolling would work properly.

I’m actually very surprised that this feature isnt supported.

1 Like

Yes please!

Yes please.

A prototype example which would benefit from this:

Web-based Dashboard then jumps to a Mobile Device which shows changes that were set on the Web Dashboard.

Thank you Figma.