How to Create an App with No Code using Figma + Bravo Studio | Getting Started
Вставка
- Опубліковано 27 лип 2024
- How to Create an App with No Code using Figma + Bravo Studio
This is Part 1/3 in my tutorial on how to create an app with no-code. These tutorials will show you how to create a COVID tracking app. I'll take a design I created in Figma and use Bravo Studio to create a native mobile app for iOS and Android.
Link to the Figma design: New updated video will be posted
Bravo Studio for no-code mobile apps: bit.ly/about_BravoStudio
Figma: www.figma.com
Want to see short tips and tricks for no-code development. Follow me on Instagram: / watase.io
Links to my stuff
My Gear: amzn.to/33L2CJM
Music: bit.ly/3aVIjOg - Наука та технологія
very soon you will be going to have a lot of subscribers, buddy! love your videos
you just save me from my first ever projects in tech journey.God bless you man
Thank you for the brief introduction with example
Great first video. Thanks! Looking forward to the last in the series and hopefully more ☺️
Thanks! Currently recording the last video. And yes there are more videos to come!
@@SeanWatase can one create an e-commerce app with bravo?
Love your simple explanation
Good work for the first video💪 enjoyed it☺️
Thanks! I hope you’ll like the second part too 👍🏼
Thanks Sean. I need some technical info on limits. Is there a limit to the number of Figma design screens that can be imported to Bravo Studio? My client has 35 screens with 10 images each.
thanks man. this was very helpful. cheers
I really loved it a d trust me you’ve become a mentor +1
hi, i really like the way you teach us. I'd like to know what website do you use for the figma? which website do u suggest us to use ? Thank you
Everything on this video is so calming
Thanks 🙏🏼 😁
Dude fantastic video, super helpful!
Which monitor are you using??
Great man🙏🏻👏🏻👏🏻
Hi sean - your vids are super helpful. Do you do freelance work? We need some talent to take our figma designs into bravo studio. Lmk thx
Awesome, very useful
Very good! thank you
would it be possible to make an app with an interactive map inside? trying to make an MVP of an airbnb for parkinglots. cheers!
Hi Sean, does the frame in figma have to match the phone you have. For instance, do you need to have an iPhone 14 to use the iPhone 14 frame? Currently I have an Iphone 12 pro but my version of figma doesn't have it. When I tried viewing it on bravo, it said access to app denied.
can I implement payment gateway in an app like stripe
Woah, great video
Ok so that's the design. Now how do you make it functional and what are Bravo's limitations? I want to build an app, but it requires maps & geolocation, .cvs files etc. Is that doable?
These apps created, can it be used on macbook?
Enjoyed alot...🥰👌
Can I create chatting app like Instagram, messenger using figma and bravo??
Great content, you got a new sub bruh keep At it! 🔥🔥💯🙏🏾
Thanks! The focus of the content has gone more toward Web3, but always appreciate the kind words 🎉
THANK YOU
How to change app icon of Bravo studio
bro can you show us how to make a music app in bravo that plays music that is downloaded on our phone? because in bravo the option is that either we can select the music from a URL nor from an api......... I am making a music player app that plays songs which are downloaded in my phone....pls help😊
hi bro Loved your Video😀
Thank you man. I got a problem. Why can't I log in to bravo studio? I already registered and It won't log in.
Great video. Will Bravo also allow us to make websites?
I really like the structure of your video and it's also nice to see you talking :) I also think I'm going to steal the idea of adding the tags a second time in the video from you to make things more clear :D
Thanks 🙏🏼 What I’ve learned from making these tutorials is to really script out what to say so it makes sense. I also feel that I didn’t go over tags and containers well enough. Saw your videos and I love the content 👍🏼
Great job !
Thank you! Glad you liked it 🙏🏼
fire!!!!
Hey man. Great video.
I have a problem though. Whenever I test my app in bravo vision, the orientation and placement of all the buttons and stuff are messed up even though I followed everything correctly.
Is it because of the different frame size in Figma Design and my phone?
That may be the issue. If you take a look at Bravo's documentation there is a responsive tag that you can use so the size will adjust depending on the screen of the device.
Sean: Can Figma/Bravo help me design an app that uses the Android (or iOS) camera in a "live view" mode? I created an app in Thunkable, but the camera wasn't live.
I think Bravo has a tag where you can access the camera and take a photo. But I haven’t looked too much into camera features yet.
Most of my app designs involves camera feature and I'm struggling a lot with showing such functionality on projects. If bravo supports that it would be a game changer to me
So it's just a preview?
Thank you thank you!
Glad you liked it! Thanks.
Can you do this with a Uber clone?
Is this an APK already? I've been looking for creating app using Figma but none has shown mo producing an actual APK? How is it done? Do you need to compile it? or you need another app to do that?
Great video. I just have a question. Is it possible to create an e-commerce app with bravo?
There’s a way to turn your website to an app if you have an e-commerce site already. I have a video on that. But no built is way to add payment methods or cart features. Hopefully they add it in the future!
Is it worth it?
Very nice video. It's awesome. I really like the nice quality of the video, looks professional. I do have one feedback though - At 4:20 when you are describing the tags in the left sidebar, a little bit of zoom would be great. I am watching on mobile & couldn't see how you added those tags.
Thanks for the feedback. That makes total sense and I’m in the process of editing the next video so I’ll make sure to make those changes 👍🏼 but glad you liked it!
@@SeanWatase Awesome.
@@flutterflex5984 I’m finishing up part 2 and I did some zoom ins when looking at sections that are a little smaller. I hope it makes it easier to see on mobile 👍🏼
@@SeanWatase Great!!! Looking forward to your video.
You got this at 4:20 Bruh.. May be that's why
yo, subscribed bro this is amazing
do you know if there's a Bravo for websites ? like design it in figma and have it make a website?
Thank you 🙏🏼
No Bravo is for native iOS and Android apps. Try looking into Anima to turn Figma designs into websites 👍🏼
@@SeanWatase yo thats dope sean
So can that code be used for people who work with wordpress or Is there a direct plugin from figma to wordpress?
@@TimandLauren I believe with Anima you can export the code. But using that code with Wordpress is another thing.
@@SeanWatase dang i see, i guess its nearly impossible to have have something like webflow, for figma and wordpress huh
@@TimandLauren I haven’t used Wordpress in the last 5 years. But if I remember correctly you can add you own code to a website on Wordpress.
Thanks bro 💪💪💪💪💪
Glad you enjoyed the video. I hope you’ll like the next one too 👍🏼
Thank you . I am working on the Adobe xd program and I benefited from you
@@mohammedbenmchich2629 That awesome. I do use Figma for my design software but a lot of what I do in Figma can be done in Adobe XD. I have a few ideas of videos that I can hopefully get done in the following weeks.
Is it still relevant for 2023?
Please upload the next video
Next one is coming soon. In the process of editing it 👍🏼
Good job 👍
Thank you 🙏🏼
@@SeanWatase please make video about figma app design
@@entrepreneurclinic6668 I’ll put it on my list of videos to make. I think this will be a video I do soon since it goes with this series I’m making. Thanks 🙏🏼
Hi
Thanks for the tutorial. But can you please kill the background music loop? It's really distracting and annoying.
I’m your sisters boyfriend
Hi Pietro haha
You are not a Teacher Material
I'm Alone 😍😥
shave pls