Multiple Flows Should Have Different Device Frames

207 replies
35743 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.

Share an idea

Arvid

Active Member

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

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

Andrew_Haglund

+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

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

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

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

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

Schmidt_Joel_Pons_Joel_LPD

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.