OK, so sheety alone is going to be a game changer for me. I'm a designer that can code HTML/CSS and whip up a framework but I get confused with javascript and api's so this looks like an awesome solution. Thank you Femke. :)
I share a similar journey except that I postgraduates in Economics, worked 2 non design jobs, then did a diploma in graphic design and now transitioning to product design! 😁 I'm so glad to hear that one of my favourite design content creator had a journey like this!
That sounds incredible!!! thanks for sharing this and your test! So glad to see there's more designer-friendly tools coming out. Definitely will give a try someday:)
Hello Thanks for the guide but my question is - like I will create new app design in figma wih prototype and than I will live in play store / app store Is it possible? (bravo studio platform) ? as soon as reply me
The content is updated depending on the refresh tag that you are using (e.g. www.notion.so/Action-Pull-to-refresh-7d6af2e478b243f7b2182f14c4b8d1fb) in any case the new content in your google sheet is loaded as soon as the user opens the app again. Hope this helped :)
BTW I just did this successfully fetching data from a fake wordpress blog I setup using the REST API from wordpress. Title, excerp, featured image etc, worked right away. That's powerful. And the way WP was meant in the beginning. :)
Hey Femke, another awesome content. Love your channel. I am excited about this new tool. I am also curious as to how Bravo deals with different device sizes. Do you have any idea?
Hey, the containers help Bravo understand the structure of your app, the actual size of your elements is calculated using percentages. Hope this helped :)
Looking good. I was wondering if it's possible for users to work with the in-app content. For example: Can they add an item to a personal 'favourites' list?
niccc name, nice app , would try if its easy cause it looks hard:) Please, why both Opera and Chrome shows the prototype transformd (skinny-thick) the same story with the color ( just pure color) - prototype shows only the left side of it in the very left corner of the phone imitation in the prototype field. Draft page->Frame iPhoneX->Design or even fullfill the color ->Trouble :( hpw to fix it , please?)
Great , you said audio support is coming soon , can you elaborate please ? It would be so sweet for launching audio contents,then i was wondering 1. Is the log in you were using really operative ? I mean is it possible to make it real in bravo ? And 2. Does Figma import preserve animation? Thanks for all
I love your videos and your channel! I have a sister who is studying app development and I told her about using bravo but she wants me to get it independently coded so my app isn’t owned by a platform like bravo where I have to pay a subscription fee. What do you think?
I don't need to add any data, I just need the app to appear when I try to preview instead of a white screen. This isn't a tutorial for turning a figma prototype into an app, it's a tutorial for linking data, then clicking preview and voilà.
bravo currently only supports get request, beside get there are post, put, patch, delete common used requests in rest api, they have a long way to go, if bravo can do all of them then there is no need to code, I think a lot of developers will shift to figma and bravo because there is no need to code in both frontend and backend !!!
amazing walk through. thank you very much for sharing. so question though, did you write separate spreadsheets for each separate container? so one sheet for the list, another for the "feature" block...etc? and how did you label the share button in the spreadsheet? Thank you :)
Femke thank you for the reply I know not to many asked for this but will be great if in any of your next videos elaborated a bit how you made the share button input .. thank you again 🙏
Hi @Femke! Thanks for sharing your experience. I am not sure what is wrong with your mic but all your videos have metallic sound to them. It is difficult to focus on the actual content.
@@femkedesign Thanks for your reply. I thought that it might be disruption on the internet line, but I tried other videos and there were no similar issues with those. I though I'd flag it because I really enjoy your content :)
Hello, Thank you for this awesome tutorial! I try to do it step by step (this time more carefully) following your tutorial and it worked! :') Thank you so much!
Hi Femke, I have a question and I would really appreciate if someone can help me. How can I extract the data from a html website into my figma mock-up? The HTML is changing every 15 minute, and I want my mock-up to receive that accurate data/info. I want to build a Crypto Platform in Figma which is updating continuously with the real time prices. Is this even possible? Thank you.
Thank you for a great channel and content etc. Question. Um, has anyone actually published any app successfully with this method in app store etc? It's like your video, and like one more on this subject and nothing except that. Just want to know, before investing like 100 hours in to this if it actually works with Apples all terms etc. :)
Is it possible to build an app with Figma & Bravo Studio in which the user logs in and has its own private account ? Because I only see apps that are only for public purposes, without any private account. I would like the user to be able for instance to publish an article through the app... if you see what i mean ! thanks !
Hmmm... I don't want all the fancy data population. I've set up a Figma prototype and all I want is to replicate this in a standalone app for an internal presentation (cos everyone is working remotely) but it doesn't work. Also Figma frmaes set to iPhone Max and Brava imported as standard iPhone screensize so designs are cropped
I don't know if I'm happier finding this tool or finding your channel, thanks for sharing this.
@@femkedesign femke can u send ur notion link of the master lists?
You charmer you...! ;)
same!
Watched the entire video in disbelief... Such a great workaround for designers. Thanks for sharing this
I'm happy I found your channel with this video :)
OK, so sheety alone is going to be a game changer for me. I'm a designer that can code HTML/CSS and whip up a framework but I get confused with javascript and api's so this looks like an awesome solution. Thank you Femke. :)
Css n html isn't coding mate have shame
@@harristrevor1098 lol i’m so embarrassed 🙈
@@davidshawe html n css cannot take input nor can they produce output hence not coding , they are simply markup languages,,, well know you mate 😊
@@harristrevor1098 i mean when typing out html or css you are still typing out lines of code. but you're not wrong.
Don't know how I found this channel but I'm so glad I did! Thanks so much for sharing.
ok...I am officially addicted to your channel! Thank you thank you thank you!!!
sheet sheets sheety hahaha bravo seems to be a really interesting tool, I'm curious :)
thanks for sharing.
Wow this might actually save me in one of my computer science classes! So happy to find out I can actually make my figma app into reality.
Wooo that's awesome!
I am so mighty glad that I found your video and channel.
Welcome!
I share a similar journey except that I postgraduates in Economics, worked 2 non design jobs, then did a diploma in graphic design and now transitioning to product design! 😁 I'm so glad to hear that one of my favourite design content creator had a journey like this!
Thanks for sharing!
That sounds incredible!!! thanks for sharing this and your test! So glad to see there's more designer-friendly tools coming out. Definitely will give a try someday:)
Just subscribed. Big take-away, now I can save project money and out my own finished app.
In long Beach you've just found a new follower
Exciting info, thanks for the video! I am just getting started with Figma and this is what I was missing.
Glad it was helpful!
Wow, thanks for explaining it so clearly. Can't wait to give it a go, feels like it could be a gamechanger for simple apps
that was absolutely true magic ever set eyes on 😎 thanks for sharing the trick briefly 🙂👏🏻
thank you!!!
It was very helpful‼
Thank you so much!! this is the most very well explanation, i'm glad to found your channel.
Thanks for this great tutorial Fem! I'll give it a try, Sheety is also worth for my web prototypes. Cheers from Buenos Aires!
My mind is blown away!
That was awesome! Thank you for the excellent guide through the process!
This is so great! Thanks Fem :-)
Very interesting. Thank you for sharing 😌!
Thank you so much again Femke for sharing your incredible resource findings!!!🤩🤗🤗
Thank you so much for sharing. Looks great!
This is awesome. Once my no code platform has launched I’ll look to create an app alongside it
Great video
Thankyou for this information love you ❤...love from india
You're so welcome :)
Thank you for this very easy to follow tutorial! So useful!
I'm new here and really enjoying your channel. Cheers.
Thanks for sharing Femke.. Hello from Indonesia.. please keep making great contents..
Thank you from Canada
You're welcome from Canada! ;)
Wow nice one
This is great! Thanks for sharing! :)
This is freakin incredible - amazing :)
Thank you, Femke. :D
You're welcome Carlo!
Thank you for sharing. This is great!
Would love to see you push it to the app store! :)
Wait ✋ what! 😳 what did I just watch? Let me go sleep 💤 and come back. 👏 wow
so i dont to learn react native then?
Thank you for sharing. How can I call other service urls, which have data and action methods?
Is it possible to use WordPress instead of Google Sheet as the backend?
Awsm video! Make more vids like this and in this flow!
Hello Thanks for the guide
but my question is
- like I will create new app design in figma wih prototype and than I will live in play store / app store Is it possible? (bravo studio platform) ? as soon as reply me
@@femkedesign
Thank you
Does the End App also updates itself by updating the google sheets content and putting new container elements automatically?
The content is updated depending on the refresh tag that you are using (e.g. www.notion.so/Action-Pull-to-refresh-7d6af2e478b243f7b2182f14c4b8d1fb) in any case the new content in your google sheet is loaded as soon as the user opens the app again. Hope this helped :)
BTW I just did this successfully fetching data from a fake wordpress blog I setup using the REST API from wordpress. Title, excerp, featured image etc, worked right away. That's powerful. And the way WP was meant in the beginning. :)
Hey Femke, another awesome content. Love your channel. I am excited about this new tool. I am also curious as to how Bravo deals with different device sizes. Do you have any idea?
Hey, the containers help Bravo understand the structure of your app, the actual size of your elements is calculated using percentages. Hope this helped :)
Thanks Femke
Nice briefing
Thanks!
does bravo copies the prototype animation in figma?
Hi, May you please provide the Figma prototype you used so we can try & make the exact same app. Thanks in advance,
Do you reckon if Bravo can access Google Drive folder to get the set of images too? Great tutorial btw. Thanks Femke!
Looking good. I was wondering if it's possible for users to work with the in-app content. For example: Can they add an item to a personal 'favourites' list?
Just subbed, great content! Do you take on projects?
Nope :)
I'm trying to see if I can connect the UK National API to Bravo to build a super simple train app.
Thanks a lot! That’s really awesome tool for a designer! Do you know something like that for a websites?
Great video! Is it possible to create a data dashboard? On google sheet and then connect it via bravo?
@@femkedesign Thanks!
niccc name, nice app , would try if its easy cause it looks hard:)
Please, why both Opera and Chrome shows the prototype transformd (skinny-thick) the same story with the color ( just pure color) - prototype shows only the left side of it in the very left corner of the phone imitation in the prototype field. Draft page->Frame iPhoneX->Design or even fullfill the color ->Trouble :( hpw to fix it , please?)
Great , you said audio support is coming soon , can you elaborate please ? It would be so sweet for launching audio contents,then i was wondering 1. Is the log in you were using really operative ? I mean is it possible to make it real in bravo ? And 2. Does Figma import preserve animation? Thanks for all
Holy fucking awesome, thanks!
Subscribed
Thanks!
I love your videos and your channel! I have a sister who is studying app development and I told her about using bravo but she wants me to get it independently coded so my app isn’t owned by a platform like bravo where I have to pay a subscription fee. What do you think?
Do you link all the pages via Figma? I wonder when you push it live and you want to add new cells to the Google and it will pick up automatically
Great tutorial. I can't find anywhere if Bravo can also send data to the google sheets? User submitted data?
They published it! Check out this guide: www.notion.so/Send-data-from-your-app-79766d17e10a4698ab42a4d396be5c23
GAME CHANGER!
For sure!!!!
How do you do a detail page?
Please reach out to Bravo for support if you need help with a project :)
thank you. how to work the scrolling images feature in bravo, as it worked perfectly in figma?
anything like this for web alongside the app? for a startup?
Bravo, Bubble, Webflow which should you use?
My understanding of these tools is that they're for quite different use cases, so it depends what you're doing as to which tool is best!
will this work multivendor woo integration?
I'm not sure! I recommend reaching out to the Bravo team :)
this is soo helpful..i guess my files in figma quiet complicated to execute but i will give a try..
Quite*
Thanks
I don't need to add any data, I just need the app to appear when I try to preview instead of a white screen. This isn't a tutorial for turning a figma prototype into an app, it's a tutorial for linking data, then clicking preview and voilà.
bravo currently only supports get request, beside get there are post, put, patch, delete common used requests in rest api, they have a long way to go, if bravo can do all of them then there is no need to code, I think a lot of developers will shift to figma and bravo because there is no need to code in both frontend and backend !!!
They added full CRUD functionality :)
amazing walk through. thank you very much for sharing. so question though, did you write separate spreadsheets for each separate container? so one sheet for the list, another for the "feature" block...etc? and how did you label the share button in the spreadsheet? Thank you :)
Femke thank you for the reply I know not to many asked for this but will be great if in any of your next videos elaborated a bit how you made the share button input .. thank you again 🙏
@@osamamghazal For the share feature just add [action:share:www.yoururl.com] this opens the native share dialog :)
Can I hire you ? Thank you for the video!!!
Haha you're welcome!
wiw this is such a game changer
thank youuu Femke
So, I created my figma designs and looking to put my app I to the iOS App Store with no coding. Can I pay you to do this?
Nope! :) I don't take on freelance work.
Hi Femke, Thanks for your videos. Plz let me know, Is it working on the website also?
@@femkedesign If I design the website in figma than if I upload those content in bravo...than will it be giving html css code same like anima?
Hi @Femke! Thanks for sharing your experience. I am not sure what is wrong with your mic but all your videos have metallic sound to them. It is difficult to focus on the actual content.
@@femkedesign Thanks for your reply. I thought that it might be disruption on the internet line, but I tried other videos and there were no similar issues with those. I though I'd flag it because I really enjoy your content :)
Can we still use this? Whenever I try to get the data, it doesn't show up when I try to bind it with elements... :( it doesn't auto-populate my data.
Hello, Thank you for this awesome tutorial! I try to do it step by step (this time more carefully) following your tutorial and it worked! :') Thank you so much!
I made a animation intro in figma but I couldn't bring it to bravo .. any instructions??
Hmm have you reached out to Bravo support?
@@femkedesign nope, the problem is that i still didn't get the tags its too hard to understand 😩
When you make an app with Bravo is there a way to get the code of the app when its finished?
its great tutorial , but unfortunately am having trouble with images. text data populated but images are making me crazy!!
what features can you add to your app with bravo? is it pretty basic or you can make it quite sofisticated?
Hi Femke, I have a question and I would really appreciate if someone can help me. How can I extract the data from a html website into my figma mock-up? The HTML is changing every 15 minute, and I want my mock-up to receive that accurate data/info. I want to build a Crypto Platform in Figma which is updating continuously with the real time prices. Is this even possible? Thank you.
Hey Vlad - have you reached out to Bravo support?
I Will try
Thank you for a great channel and content etc. Question. Um, has anyone actually published any app successfully with this method in app store etc? It's like your video, and like one more on this subject and nothing except that. Just want to know, before investing like 100 hours in to this if it actually works with Apples all terms etc. :)
Hey Christian, here is a list of apps that were published successfully: www.bravostudio.app/made-with-bravo
Is it possible to build an app with Figma & Bravo Studio in which the user logs in and has its own private account ? Because I only see apps that are only for public purposes, without any private account. I would like the user to be able for instance to publish an article through the app... if you see what i mean ! thanks !
Hey, this feature has been added! Check out this: www.notion.so/App-login-email-password-6d1b93c0dc514d0b9305a163331341fd
Is there support of input fields as well ?
@@femkedesign that would be a game changer then
It's a lot like the JAMStack
Omg that's fantastic! I'm dead hahahahaha
awesommeeee
So cute❤️
Aweeeeeeeesommmmmee 😄😄
Thanks for sharing but you lost me with that spreadsheet thing. What if you have a simple app you wouldn't need this?
Hmmm... I don't want all the fancy data population.
I've set up a Figma prototype and all I want is to replicate this in a standalone app for an internal presentation (cos everyone is working remotely) but it doesn't work. Also Figma frmaes set to iPhone Max and Brava imported as standard iPhone screensize so designs are cropped
Very nice explanation! Can you also push it to android play store?
so helpful. you are based as fuck.
Great info. Helped a lot, thanks 😊. But honestly about kombucha 🤮
Kombucha count = 1000 😁
How to convert to apk
Hi Saro, you can request your APK directly from Bravo Studio and you will receive the download link to it via email.