Skip to main content

This is just an example of my most frequent pain points.

Let’s say I have this prototype A and B, Maybe for certain users they will see path B.

How do I make A02, A04, A05 to be shared in both prototypes since there are exactly the same?


Screenshot 2023-07-06 at 10.14.12 AM


Is duplicating those screens and put in flow B the only way? In reality, changes are often, it’s a pain to edit several duplicates of A02 A04 A05, well you can say to just apply the changes on 1 copy and duplicate again. This is my current way where it’s also time consuming and all interactions path will be lost.

If you have a paid or education plan, you can use variables and conditions in interactions. For example, if the variable is equal to something that was set in flow A, then navigate to one frame, otherwise navigate to another frame.

Figma Help Center

I have the paid plan,

“if the variable is equal to something that was set in flow A”

I wonder if anyone can show the example prototype would be good and easy for people to understand 😆

It is not so difficult.




  1. Create, for example, a string variable.

    Variable name: flow;

    Variable value: a.




  2. Choose your start screen in Flow 1 (A01 screen);




  3. Add the following interaction:

    Trigger: After delay 1ms;

    Action: Set variable “flow” to “a”.




  4. Choose your start screen in Flow 2 (B01 screen);




  5. Add the following interaction:

    Trigger: After delay 1ms;

    Action: Set variable “flow” to “b”.




  6. Select the button on the common screen for two flows (A02 screen);




  7. Add the following interaction:

    Trigger: On click/tap;

    Action: Conditional




if (flow == "a") {

  Navigate to A03 screen

}

else Navigate to B03 screen

It works, thanks a lot mate! 🙌 @tank666

Reply


Terms & ConditionsCookie settings