# Transitions page ## 👉 **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) ![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXpqEanvOhm8vMtIH8i%2Fuploads%2F9mHRgDpGYbiWLi4pFszl%2FScreen-Recording-2024-03-07-at-13.20.25.gif?alt=media\&token=8cacfa36-8d1a-46df-8e53-8ebab9201ddc) ## 🏷️ 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! {% embed url="" %}