Figma to Real App Quickly - This is Amazing! | Design Weekly
Вставка
- Опубліковано 9 лип 2024
- Figma is such a versatile UI design tool. Today we'll convert a Figma design to a real Android App and iOS App. All this with No-Code tech. Bravo Studio is a free tool that allows you to convert designs to real apps without any coding knowledge.
Download the wallpaper app for your android phone!
play.google.com/store/apps/de...
Check out Bravo Studio (not a sponsor)
www.bravostudio.app/
UI kit used in this video:
www.figma.com/community/file/...
Bravo Studio Master List:
www.notion.so/Bravo-Tags-Mast...
Video Chapters:
0:00 Introduction
0:30 Set Up Design in Figma
06:25 Converting Figma Design to Real App
15:15 Outro
Get the equipment I use:
1. Mic: amzn.to/3b2OQa5
2. Camera: amzn.to/3rJzPj6
3. Macbook Pro: amzn.to/3aYeD30
4. Asus Gaming Laptop: amzn.to/2Mj4cN7
5. Pop filter: amzn.to/3aYfReC
For Sponsorship: punitwebdeveloper@gmail.com
Channel Sponsors:
1. LS Graphics - www.ls.graphics/
2. Blush - blush.design/
3. Asus - www.asus.com/
Follow Me on Twitter:
/ punitweb
Follow me on Medium:
/ punitweb
My Behance Profile:
www.behance.net/punitweb
#figmadesign #uidesign #figmatoapp - Навчання та стиль
Thank you Punit, this is awesome!!
Ah, glad you guys liked it!
You website is not working, try to start a free trial or look at pricing and that page won't load.
Wow, this is exactly what I hoped was possible and yet still even better than I imagined! Thank you!
Awesome! Thank you, Punit!👍🏻 Would love to watch a detailed video with a comparatively complex data set!⚡
This is the most amazing video I have ever seen in the domain of Application Development. Thank you so much man!!😊
Amazingly insane ❤️ so happy. You told me just the right tools. I was searching em for long.
Gotta make loads of apps thnx 😂
That's amazing! Please do make part 2 of this series!
Hi Punit, is there a comparison that you have done for the best prototyping (especially for apps functioning like real app) tool for an app?
wow, this was super useful. Also, Punit, you have amazing energy! :D
Hi Punit, thanks for the video. You know when you entered the records in Airtable, is there a function to allow the user to enter records in the table by themselves? Say, they could enter their own city name, etc, so the app can retrieve and display their own information and not rely only on the records I create?
Thanks for the tutorial really insightful I hope there will be more like this going even deeper into th design process
Lovely tuts man! This will really help me!
We need more Tutorial like this!!!!😍😍😍
Woww Awesome Man. It's really helpful tips. Thanks Punit!👍🏻
Thank you so much bro. It was very helpful. I was confused what to do with my design. But now I got a clear idea !!!
Thanks a million Punit for this tutorial. Thank you so much!
I have literally waited for 2 months for this month
Thank you very much mate.
I'm glad your wait was worth it!
@@PunitChawla absolutely
What a great tool !! Thank you so much 👍🏻👍🏻👍🏻
Thank you for the tutorial, I find it very helpful!!
Super cool tip!! Thanks for sharing!!
this is nice, already planning to start with figma & bravo, this is easy to understand & follow , thanks for creating this vid, 👋
Ahmazingg ❤ thnks a lot for such a detailed video
Amazing info !!! Keep it up!!
Great video! Would love to see another video on Bravo studio.
Seems to be very versatile, great vid
Amazing! Thank you so much for sharing it, Punit. =)
Hi Punit, is there a way to create flutter widgets from figma?
After designing will the app just work automatically how can I integrate api like for vitual card generator, or otp message verification, or account balance management, admin interface. Please help here
waiting for a massive app !!
this is sooo exciting
is there any site that you could recommend for short audio like clicking buttons(?)
Excellent tutorial!
I wanna see a massive application created with this. Thanks!
Bravo to you for this tutorial!
I actually have a problem, I have a design in Figma, but it seems to be too big for bravo studio. I couldn't find a way to reduce it. Do you have any tips?
Very nice! What software do you use to record your screen?
Perfect Channel. Great content
thank you for the tutorial. super helpful
Question: does the free version have all the Bravo watermarks and loading screens?
Worth watching 😊😊
Amazing work bro.
This is so nice I would like to make a project using this system thank you for sharing 👍👍👍
Please, I want to ask, how can I use figma to design a web application that will work as a customer portal and for a wifi security. I'm trying to kick start a wireless internet service here in my little area. So I want to know how to design the application.
How fix the top heading when air table is configured.
Very mush usefull
learned something new
Broooo.... You made my dayy
thank you!! so much!! you got a new subcriber, greetings from Argentina
Really good video!!
Love this. I am looking to create an app too, using a no-code method. Is it possible thru this? Would love to see more of this.
Yes I want to see a video on a massive application created based on this. Please come up with it soon.
how different is this from xamarin xaml in visual studio?
How to make multiple select form in bravo? Help me
Can I make a sign buttom for common users and one for especial access to change information?
I want to make an app of marketing in my city. The users can log an save the favorites stores. But the stores can log in and change the photos and promotion.
Using these 2 methods is there is a way to obtain the code and edit yourself?
hi mr punit, if we export from figma to bravo how is it gonna be accessible from any devices?
YOUR THE MAN BROE!!!! THANKS BIG HOMIE
Thanks for the video yes I am interrested to see more.
Thanks for the video Punit, nice glasses BTW
Thank you for making this video. We would like to see more ❤
Glad you're liking the content!
Nice video! it would be cool if you showed the app actually working on your device
subs from Indonesia. Good job mate.
Keep ur promise every week ha lol
Ah coool 🤩 thank you !
Glad you liked it!
I was very excited when I saw this video. Thank you. But I have a request/question. Could you do something on a Figma design for a software that takes in data instead? That would really save me.
Please explain the login function and the use of forms for collecting data from users. Thank you.
We need more tutorial on this !!
This is awesome 👍😎 God bless 🙏🏽🙏🏽
Can we use the Gmaps API in an application created like this?
Awesome sir..👏👏 thanks for this video..good explanation to create an beautiful ui apps by without knowing any programming languages 😆😄🤣😂...
Thank you so much ✌🤙👍
Haha, that was my aim! Glad you found it helpful
Thank you for video…could you make a video on this project which shows it working as designed?
how this used in androrid studio
I would really like to watch an intensive app development boot camp where all the functionality of app are covered
Thank you very much
Definitely want to see a massive app built with this
Already made one and put in the play store. (still in review) Will share the link once live.
@@PunitChawla was it ever accepted?
Everything is fine bro ,but in the part of airtable and connecting it to Bravo studio is something makes hard to understand can you make detail video on that and make more app making tutorial using various no code platform bro
Brilliant thanks , you’ve got a new subscriber off this.
Super cool 👍🏼
Thank you! Cheers!
Wow dude quality content , thank you . BTW anyway to add ads and or in app purchases
Interesting, looks pretty great
Happy you liked it!
How can I convert the apk to abb file
Quick message everyone, Make sure you have at least 3 full columns of data (in airtable), otherwise you might get an error :)
I recommend you to reroll your API keys. You should never expose your API key anywhere not even in your code if you do code an app or website yourself.
@@HappySingh-yt6vm thank you for that tip, will make sure in future episodes
I'm from Nigeria... How much will you charge me to create a functional app that allow users to upload information and monetize their business?
bro , i have a project in hand , need to know how to design and implement it. can i connect with you? and talk terms etc?
Are CRUD operations possible with this tool?
Oh my god, thank you!
Thanks a lot. I finally made my first App thanks to you!!!!!!!!!!!!!
Yay! Hope you have great success with it :D
Great Punit, bravo👏. Need a one more detailed video on Airtable n bravo.
Pun intended :P
Can't I import it to Android Studio ?
thanks punit sir really great | can u make a video on where should freshers apply for ui/ux related jobs | and how much to expect from startups and is there an option to work in big companies in india |
Thank you so much Sir. : )
Glad you liked it Kaustubh!
Sir it would be very very helpful for us if you can make an in-depth video or a full playlist about creating a fully functional app using these new tools.
thanks!
Bro how to get a data from user to save them and fetch to the screen can you explain about that 😅
Is it posible to add python code figma app?
Please make one for more advanced application
Please make a video creating a massive app and do make it available on Play Store in order for us to test it out...
Lets see a massive application made on your channel!
very nice
Plz do make tutorials about bravo...
Hey Punit it was a lovely video. Can you Please Create a massive Application(Budget management Application) if you can or it's upto you😄
Thanks
Plz make an appointment option exactly like this
Is it possible to integrate ads?
There is no direct solution. However, you can use elements like Web views, modals, etc. I think we'll need experimentation for that
Which is better Bravo or Anima?