Skip to main content
← Data, API & Backend
Data, API & Backend August 20, 2023 · 3 replies

Tutorial

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

Hello Everyone here 👋🏻

Can anyone please help me how to do these instructions👇🏻

You can build calculations into your project in Figma by using Bravo Studio's data binding feature. Here's how you can do it:

• Create a frame in Figma and add three rectangles for the user to enter numbers.

• Add Bravo tags to the rectangles to indicate that they are input fields.

• In Bravo Studio, set up a data source (such as Airtable or Google Sheets) to store the user's input.

• Create a formula in the data source that calculates the result based on the user's input.

• Bind the result to a text layer in Figma using a Bravo tag.

• When the user enters numbers in the rectangles, Bravo Studio will update the result based on the formula and display it in the text layer.

By following these steps, you can create a dynamic calculation feature in your Figma project.

I have been trying all day and searching for tutorials but I didn’t find something useful

3 replies

Valter August 20, 2023

Simple to exectute. But sure it will take time, not much but i guess that a prof of concept can be done in 1h.

nemo August 20, 2023

I don’t know a lot about bravo tages and how to use them

Valter August 20, 2023

My advise its to check some videos, check some sample apps and try to replicate. Everyone dont know nothing in the begining..

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord