What does it do?
A container that fixes its position on-screen and does not scroll with the rest of the screen.
Which layer can I put it on?
A second-level container
How do I set it up in the design tool?
- Create your layer element design.
- Wrap it in a container. Unlike normal containers, layer elements don't need to be the full width of the screen.
- Paste the tag into the layer name of this container.
- Place it in the desired position where you want it to stay fixed in the "default screen area." The default screen area is one app page at 100%. If you have a splash screen in your design file, Bravo will use it as the default screen size.
- Make sure the layer is not inside another container. It should be its own 2nd-level frame.
- Import to Bravo & preview on Bravo Vision 🚀
Make sure it's not inside another container. It should be a 2nd-level layer.
If you place the layer element outside of this area (for example on a long page), it will not appear.
👉 Sample Figma file
Figma - Bravo Tags Cheat Sheet | Made for Bravo Studio. All of the Bravo Tags in one place! The file includes layers named with B...
Figma Community file - Made for Bravo Studio. All of the Bravo Tags in one place! The file includes layers named with Bravo Tags, containers, and other essential setup. To see how a Bravo Tag works, copy an example setup into a new Figma file, create a project in Bravo Studio, and preview with Bravo Vision.
👉 Sample Adobe XD file