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
Was this helpful?