1-Hour App Screen Redesign in Figma | My UI Design Process (+ day in the life)

Let’s redesign a real client's app screen in one hour🎉 I'm taking you through the exact UI design process I use as a product designer. This is perfect for beginners who want to start designing but feel overwhelmed by Figma.

In this video, I'm sharing:
🌱 My complete redesign process for a Meal Mate screen (a recipe planning app)
🌱 Every single Figma technique I use (with keyboard shortcuts)
🌱 Why I make specific design decisions
🌱 How to use Mobbin for inspiration without copying
🌱 The 4px spacing rule that changed my design game
🌱 Common mistakes beginners make (and how to avoid them)

❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia

❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim

❤️ Framer (no-code website building tool, 30% off annual Framer Pro Plan): https://framer.link/cecilia1
code: CECILIA2

✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com

📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/

00:00 preview
01:11 context & setup
02:35 Figma board overview
07:28 design iteration 1
12:56 Mobbin research & design iteration 2
18:11 design iteration 3 & 4
23:30 tips & reflection

#UIDesign #Figma #ProductDesign #DesignProcess #UIUXDesign #AppRedesign #FigmaTutorial #DesignForBeginners #FreelanceDesigner #DayInTheLife #DesignTips #MobileDesign #LearnDesign #DesignResources #DesignEducation #CareerChange #DesignTutorial #UXDesign #Resources #Beginner