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:)
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. :)
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 !!!
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à.
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 :)
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 :)
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
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?
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 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?
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! 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 :)
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?)
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 🙏
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
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. :)
@@femkedesign That's one way to look at it. Honestly i find this cool, it enables designer to test their design at a certain extend. but it's IA advancement combined with code generation improvement that make me focus improving my hobbies ( never know when skynet will rise )
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.
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 !
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
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.
I'm happy I found your channel with this video :)
My mind is blown away!
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 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!
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!!!
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
thank you!!!
It was very helpful‼
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:)
I am so mighty glad that I found your video and channel.
Welcome!
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. :)
Wait ✋ what! 😳 what did I just watch? Let me go sleep 💤 and come back. 👏 wow
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
This is so great! Thanks Fem :-)
that was absolutely true magic ever set eyes on 😎 thanks for sharing the trick briefly 🙂👏🏻
Thank you so much!! this is the most very well explanation, i'm glad to found your channel.
Exciting info, thanks for the video! I am just getting started with Figma and this is what I was missing.
Glad it was helpful!
That was awesome! Thank you for the excellent guide through the process!
Thanks for this great tutorial Fem! I'll give it a try, Sheety is also worth for my web prototypes. Cheers from Buenos Aires!
Thank you so much again Femke for sharing your incredible resource findings!!!🤩🤗🤗
This is awesome. Once my no code platform has launched I’ll look to create an app alongside it
Great video
This is freakin incredible - amazing :)
Thankyou for this information love you ❤...love from india
You're so welcome :)
Very interesting. Thank you for sharing 😌!
Thank you so much for sharing. Looks great!
Thank you from Canada
You're welcome from Canada! ;)
Wow nice one
Thank you for this very easy to follow tutorial! So useful!
Thank you, Femke. :D
You're welcome Carlo!
This is great! Thanks for sharing! :)
Thanks for sharing Femke.. Hello from Indonesia.. please keep making great contents..
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 :)
I'm new here and really enjoying your channel. Cheers.
Would love to see you push it to the app store! :)
Thank you for sharing. This is great!
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à.
I also like Bubble for building web apps.
Awsm video! Make more vids like this and in this flow!
GAME CHANGER!
For sure!!!!
Thanks Femke
this is soo helpful..i guess my files in figma quiet complicated to execute but i will give a try..
Quite*
It's a lot like the JAMStack
Nice briefing
Thanks!
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 :)
so i dont to learn react native then?
Hi, May you please provide the Figma prototype you used so we can try & make the exact same app. Thanks in advance,
wiw this is such a game changer
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 :)
Holy fucking awesome, thanks!
Subscribed
Thanks!
Just subbed, great content! Do you take on projects?
Nope :)
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
thank youuu 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?
Thanks a lot! That’s really awesome tool for a designer! Do you know something like that for a websites?
Do you reckon if Bravo can access Google Drive folder to get the set of images too? Great tutorial btw. Thanks Femke!
Omg that's fantastic! I'm dead hahahahaha
Is it possible to use WordPress instead of Google Sheet as the backend?
awesommeeee
I'm trying to see if I can connect the UK National API to Bravo to build a super simple train app.
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
Thanks
Thank you for sharing. How can I call other service urls, which have data and action methods?
thank you. how to work the scrolling images feature in bravo, as it worked perfectly in figma?
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?
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!
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!
Great info. Helped a lot, thanks 😊. But honestly about kombucha 🤮
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 :)
Thanks for sharing but you lost me with that spreadsheet thing. What if you have a simple app you wouldn't need this?
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?)
does bravo copies the prototype animation in figma?
what features can you add to your app with bravo? is it pretty basic or you can make it quite sofisticated?
its great tutorial , but unfortunately am having trouble with images. text data populated but images are making me crazy!!
I Will try
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 :)
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
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
Aweeeeeeeesommmmmee 😄😄
Can I hire you ? Thank you for the video!!!
Haha you're welcome!
anything like this for web alongside the app? for a startup?
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
Very nice explanation! Can you also push it to android play store?
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
So cute❤️
When you make an app with Bravo is there a way to get the code of the app when its finished?
Great video! Is it possible to create a data dashboard? On google sheet and then connect it via bravo?
@@femkedesign Thanks!
As a native app developer, that was pretty depressing
@@femkedesign That's one way to look at it.
Honestly i find this cool, it enables designer to test their design at a certain extend. but it's IA advancement combined with code generation improvement that make me focus improving my hobbies ( never know when skynet will rise )
How do you do a detail page?
Please reach out to Bravo for support if you need help with a project :)
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?
Kombucha count = 1000 😁
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?
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 😩
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
will this work multivendor woo integration?
I'm not sure! I recommend reaching out to the Bravo team :)
Is there support of input fields as well ?
@@femkedesign that would be a game changer then