Figma to Replit | 48 hour Real App Build!

Описание: Watch me research, design, build and deploy a real SaaS app using Figma, Figjam and Replit!

✨ Try ‪@replit‬ | https://replit.com/refer/ElizabethAlli
🤳🏽 Play with the live app! | https://skillshotapp.replit.app/
📋 Download the Notion Assessment Template | https://go.designerup.co/assessme
🗂️ Grab the Notion Product Design Workspace | https://go.designerup.co/notion-produ...

🎥 WHAT TO WATCH NEXT
→ AI Tools for Designers |    • Figma Introduces New AI Features! | First ...  
→ Figma Tutorials |    • Watch AI Design and Code an App from a Tex...  

📚 PRODUCT DESIGN (UX/UI) COURSE (⭐️ 500+ Happy Students!)
⊚ Enroll Now | https://designerup.co/product-design-...

⏰ TIMESTAMPS
00:00 - Intro
00:28 - Background
03:41 - Research
07:28 - Feature Planning
08:34 - Visual Inspiration
09:21 - Wireflows
10:46 - UI Design v1
13:07 - Importing Figma Designs into Replit
13:44 - Setting up project scaffolding
14:20 - Tweaking design with Replit Agent
15:11 - Adding a Database
15:54 - Writing a PRD
17:26 - Building Skills Analysis Functionality
18:40 - Creating Story Builder Functionality
19:16 - Tweaking User Experience with Replit Agent
20:03 - Building Progress Functionality
21:01 - Adding PDF Generation Functionality
22:25 - Deploying the App


🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Mobbin | https://go.designerup.co/mobbin
⊚ Figma | https://go.designerup.co/figma
⊚ ProtoPie | https://go.designerup.co/protopie
⊚ Notion | https://go.designerup.co/notion
⊚ Framer | https://go.designerup.co/framer

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

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

🥰 JOIN OUR NEWSLETTER COMMUNITY
⊚ DesignerUp Newsletter | https://designerup.co/newsletter

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

💬 CONNECT WITH US
⊚ Twitter |   / designerupco  
⊚ Instagram |   / designerupco  
⊚ Facebook |   / designerupco  
⊚ LinkedIn |   / designerupco  
⊚ Pinterest |   / designerupco  

*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 | [email protected]