Skip to main content
Nazim_Can_Tunc
January 31, 2021

Multiple Flows Should Have Different Device Frames

  • January 31, 2021
  • 207 replies
  • 35409 views

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.

207 replies

Arvid
Active Member
January 31, 2021
  1. Describe the problem your experiencing and how your idea helps solve this

Currently Figma only allows one prototype per page.

This means that when creating a mobile and desktop design on the same page you will have to keep switching between prototypes. It is further complicated by only being able to define one device size for prototyping per page.

Another problem this creates is: Designs on the same page might represent multiple flows. I cannot share prototypes to these multiple flows at once while keeping the designs on the same page.
While I could break everything out into different pages, sometimes you want to keep things together to ensure consistency for the designs or being able to do the same changes quickly for multiple flows / frames.

I would like to define multiple “starting frames” and “device sizes” per starting frame.

mattaningram
New Participant
February 11, 2021

I want to be able to start a prototype from whatever frame I currently have selected.

Andrew_Haglund
February 12, 2021

+1. As a workaround, try starting your prototypes with a frame that has tiles for “Desktop” or “Mobile” and branch from there. I set Device to “None” in Prototype settings. Might not work in all cases, but this lets me have desktop and mobile designs for the same feature on the same page. @Arvid

TobiasZils
March 9, 2021

Absolutely the same opinion. Especially in the exchange with developers. I find it very tedious to have to change the starting point every time so that the developer can use the prototype.

Aditya
May 27, 2021

Since any changes in the prototype are live. It’s difficult to change.
if I took a copy and work, the dev is referring to the wrong link. So please, give access to Single pages, Multiple prototypes.

Dan_Cornwall
July 5, 2021

Allow many prototype ‘flows’ per file.
Provide a “select flow” and “Add new flow” under the prototype tab.
Allow a flow to have a user created ‘id’ name that makes it unique for the prototype url.
Each flow is a separate set of all the connection and transition data between frames.
Only one selected flow can be edited at a time. The selected flow will be the prototype connection lines. Different flows could be different coloured lines between frames if that helps differentiate what your looking at. (only one visible at a time tho).
Each Flow would have a share button with a unique URL for that flow.

Asbjorn
July 14, 2021

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

Schmidt_Joel_Pons_Joel_LPD
July 14, 2021

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.

DP-SD
July 15, 2021

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

AsbjornatTryg
July 15, 2021

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