Transitions page

Transitions are used to create a smooth and visually appealing flow between different views or states of an app, enhancing the overall user experience.

๐Ÿ‘‰ The Tag

Add a tag to set up a specific transition to open an app page.

๐Ÿ“ Where to add the tag: This tag should be located at Page level โ€จ(Top-level Figma Frame)

๐Ÿท๏ธ Transition Types

Slide

Use this tag:

[transition:slide:left]
[transition:slide:right]
[transition:slide:up]
[transition:slide:down]

Move

Use this tag:

[transition:move:left]
[transition:move:right]
[transition:move:up]
[transition:move:down]

Push

Use this tag:

[transition:push:left]
[transition:push:right]
[transition:push:up]
[transition:push:down]

Instant

Use this tag:

[transition:instant]

Dissolve

Use this tag:

[transition:dissolve]

Now you can do the prototyping! Your transition page is ready to use. Import to Bravo & preview on Bravo Vision ๐Ÿš€

๐Ÿ’พ Example files

Duplicate the files below to see how to set it up!

Last updated