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!

Bravo Sample: Page Transitions | Figma CommunityFigma