Multiple Flows Should Have Different Device Frames

Update: There is now a possibility to have multiple flows within a single design file.

1 Like

Update: There is now a possibility to have multiple flows within a single design file.

This is a good start to the OP problem, but we can still only select 1 device per prototype, per page. So for web products, we still need different pages for different devices, even though the information architecture might be the same.

3 Likes

Adobe XD nailed it very well with Flows. Figma should copy (-;

6 Likes

You are right! (sadly) Hope they fix that. Limiting the prototyping to one device defeats the purpose I had in mind.

You can define flows with difference frames

but when they load in prototype mode they inherit the frame size of the first flow

8 Likes

ah yes, multiple different devices would be very much appreciated. But indeed already a good first step!

1 Like
7 Likes

Like mentioned above, this is a step in the right direction, but please include the possibility to have multiple viewport sizes in the flows. My absolutely most common use case for this feature is to have desktop and mobile flows in the same prototype – kinda cumbersome to switch between prototypes in demo sessions etc.

3 Likes

Yes, please add device selection to each flow. It is a must have for web designers!

3 Likes

Another vote from me. Device frame per flow is a must have.

2 Likes

Same need here! Browsing ALL the flows on my file regardless of the page they’re defined on.

Surprised to see that this has not been updated in the last Prototype update :frowning:

1 Like

+1, I’ll add another use case I’ve been looking for a solution to - when I review iterations with stakeholders following user testing, I like to show the prototypes side by side - on the left, what participants of the user study saw, and on the right, what improvements were made based on the learnings. Having a before and after presented on the screen side by side really helps everyone engage in the discussion.

1 Like

Still looking forward to this feature. Doing a new concept now and having separate pages for the same content seems… unnecessary.

2 Likes

Isnt this feature finished already? Do they mark them as done?

1 Like

According to this request - we have another one:
Prototype Device for each Flow (not only per Page).
We obviously need to set a preview-device for each of the flows, too.
E.g. view prototype of mobile-screens in smartphone device and Desktop-Screens without device or with desktop device.

4 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

PLEASE can we get this feature haha! :sob:

3 Likes

Just dropping a reply so that this topic doesn’t get archived.
This feature is very much needed.

I usually create one file per feature/platform area and inside each file I use the pages to tackle specific functionalities or flows within that bigger feature or entire area. This means that it’s not useful at all to have to create one page per device to be able to share the preview with the stakeholders.

Without this feature, this is my organisation inside a Figma project:

Prototypes [Project]
┗ User profile [File]
┄┗ Settings - Desktop [Page]
┄┄┗ Flow
┄┗ Settings - Tablet [Page]
┄┄┗ Flow
┄┗ Settings - Mobile [Page]
┄┄┗ Flow
┄┗ Upload picture - Desktop [Page]
┄┄┗ Flow
┄┗ Upload picture - Tablet [Page]
┄┄┗ Flow
┄┗ Upload picture - Mobile [Page]
┄┄┗ Flow

Why is that? Check this screen recording: Screen Recording 2022-04-26 at 14.42.46.mov - Google Drive

With this feature, I could save so many pages! Like this:
Prototypes [Project]
┗ User profile [File]
┄┗ Settings [Page]
┄┄┗ Desktop Flow — with a desktop device selected
┄┄┗ Tablet Flow — with a tablet device selected
┄┄┗ Mobile Flow — with a mobile device selected
┄┗ Upload picture [Page]
┄┄┗ Desktop Flow
┄┄┗ Tablet Flow
┄┄┗ Mobile Flow

Hope this makes sense, it’s not easy to explain in writing.

4 Likes

+1 We need this feature!

1 Like