Our Figma plugin will speed up your app's tagging process by selecting one or multiple tags that you want to add to a page, frame, or component. Additionally, the plugin will help you to validate whether or not your Figma file is ready to be imported into Bravo Studio. 👏 What is Bravo Studio? Bravo Studio allows you to use your design as a UI for your backend creating a production capable prototype. Unlike other app builders, Bravo leverages the design and data handling of third-party tools, adding flexibility to the process, while keeping the design in sync with your Bravo app so you can iterate super fast. Mobile specific functionality (like login) can be added by connecting data with the UI elements using Bravo Tags - annotations placed on the layer names of your design file- which Bravo then converts into native components (both iOS and Android). We call this process “Bravorizing your design”. 🎨 What is Bravorizing? Bravorizing is the process of setting up your design file to then be converted into a native app by Bravo Studio. In general, Bravorizing consists of: Structuring layers as required by each Bravo component Adding Bravo tags to add functionality and structure Learn how to bravorize with this intro video and check out the different setup steps below. You can also duplicate a sample design file that is already Bravorized to learn about its setup. 🔌 How to use the plugin Open the plugin. Select a layer. Then go to the Bravo tagger tab and select the tag(s) you want to add to the layer. After that, go to the Tag checker to validate your Bravorized design. Finally, when there are no issues, you are ready to import the file to Bravo Studio. Resources 🎓 Learn more from our Help Center 🎥 Subscribe to our Youtube channel 👋 Join the Bravo community We want to improve with your Feedback ! If you have any questions or issues, don’t hesitate to reach out to us at support@bravostudio.app
Figma to Bravo Studio -> Design & build native apps
原型和动画 · 480 likes
Add your ready-to-use Bravo UI presets!
Related plugins
- LottieFiles - Create animations & export from Figma to Lottie
Animate Your Designs with Lottie Animations
- Figmotion
Bringing motion to your Figma designs
- Jitter · Animation for Figma
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers
- Motion - Animation for Figma
Animate your designs, export to video / GIF / APNG / SVG, handoff with developers
- ProtoPie
High-fidelity prototyping for Figma. Import Figma designs and add dynamic, conditional interactions.
- Measure
Add measurement lines and additional helpful information to your designs