In this in-depth tutorial, I'll walk you through my entire UX, UI and Development process using Figma's First Draft and new AI features and an amazing no-code plugin called Buzzy AI. Follow along to see how I build a no-code app from scratch in just 48 hours! 

👉🏽 Generate your app for free with Buzzy | https://go.designerup.co/buzzy

🎥 WHAT TO WATCH NEXT 
→ Figjam's New AI Features | https://youtu.be/NGEkAwIjJHQ
→ Buzzy AI | https://youtube.com/shorts/-blGuzkomWM

💡Want to deploy your app to your own domain? You can do that with Buzzy's deployment plan here - https://go.designerup.co/buzzy | @buzzybuzz9642  

⏱ TIMESTAMPS
00:00 - Intro
00:30 - The Problem
01:02 - The Plan
01:40 - Brainstorming 
03:01 - Research Plan 
04:39 - Live User Interview
05:38 - Research Analysis
07:32 - Competitor Analysis
08:13 - My Favorite comp analysis tool
08:49 - Flow chart
09:11 - UI Design with Figma First Draft AI 
13:21 - Prototyping with Figma AI
13:35 - Building the real app with no-code plugin
13:51 - Automarkup with Buzzy
14:40 - Generate Product Brief
15:11 - Generate Database  
16:02 - Data Design
18:54 - App Test
18:52 - Adjusting Data
20:38 - Final Result 🎉

🔗  MENTIONED IN THIS VIDEO 
⊚ Buzzy AI |  https://go.designerup.co/buzzy
⊚ Mobbin |  https://go.designerup.co/mobbin
⊚ Full Blog Post | https://designerup.co/blog/how-to-design-and-build-a-real-working-mobile-app-in-48-hrs-ai-no-code/

📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-ui-ux-course?utm_source=youtube&utm_medium=link

📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | https://designerup.co/ui-design-crash-course
⊚ Newsletter | https://designerup.co/newsletter
⊚ Live Webinars | https://designerup.co/webinars

📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG |  https://designerup.co/blog

🥰 JOIN OUR MINDFUL COMMUNITY 
⊚ DesignerUp Community | https://designerup.co/community

💬 CONNECT WITH US
⊚ Twitter | https://twitter.com/designerupco
⊚ Instagram | https://www.instagram.com/designerupco
⊚ Facebook | https://www.facebook.com/designerupco
⊚ LinkedIn |  https://www.linkedin.com/company/designerupco
⊚ Pinterest | https://www.pinterest.com/designerupco

🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma - Industry standard design software | https://go.designerup.co/figma
⊚ ProtoPie - Advanced prototyping tool | https://go.designerup.co/protopie
⊚ Notion - UX research organization and notes | https://go.designerup.co/notion
⊚ Framer - No-code website platform | https://go.designerup.co/framer
⊚ Uizard - AI to UI tool | https://go.designerup.co/uizard
⊚ Icons8 - High-quality icon set | https://go.designerup.co/icons8
⊚ Lunacy - Figma alternative | https://go.designerup.co/lunacy
⊚ Mobbin - Design Pattern examples | https://go.designerup.co/mobbin
⊚ Setapp - Discounts on apps and software | https://go.designerup.co/setapp

⚙️ RECOMMENDED GEAR
Video Gear | https://kit.co/DesignerUp/designerup-gear
Home Office Accessories | https://kit.co/DesignerUp/home-office-accesories

🙋🏽‍♀️ ABOUT ELIZABETH ALLI 
⊚ Senior Product (UX/UI) Designer 
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School 
⊚ Trained teacher
⊚ Youtube creator
⊚ Author

*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and continue to create the highest quality content possible. So thanks for your clicks and your support! 💜

💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co

#UIDesign
#UXDesign
#HowToDesignUIUX
#UIDesignTips
#UIDesignTutorial
#UXUI
#ProductDesign
#UXDesigner
#ProductDesigner
#DesignerUp
#BuzzyAI
#BuzzyTutorial
#AIDesign
#AIDesignTools
#Figma
#FigmaAI
#FigmaAITutorial
#FigmaPlugins
#NoCodeAppBuilder
#NoCodeApp
#NoCodeAppBuilderTutorial
#AINoCodeSaaS
#MobileApp
#MobileAppDevelopment
#AICourse
#FigmaFirstDraft
#UIUXCourse
#FigmaCourse
#SaaSAppDevelopment
#UIDesignAITool

YouTube

A detailed behind-the-scenes guide on using Figma's AI for user research, design, and prototyping to build a real budgeting app in 48 hours. The process includes using Figma's generative AI features, Buzzy AI for turning designs into a functional app, and conducting user interviews and competitor analysis. Key steps and tools used in the entire UX/UI process are covered, demonstrating how AI can streamline app development.

How I built a REAL app using Figma AI in 48 hrs! (ENTIRE UX/UI Process)