Screen Time App P2 | Eye Care Screen UI Design in Figma (Easy Tutorial)

Screen Time App P2 | Eye Care Screen UI Design in Figma (Easy Tutorial)

1K views · 2025-12-14 UI Design
In Part 2, we design the Eye Care Timer screen for the Screen Time Break App, a productivity-focused mobile app, using Figma. This screen includes a 20-20-20 rule reminder (every 20 minutes, look 20 feet away for 20 seconds), tracking daily screen-free time, and gentle notifications that don’t feel stressful.

The Eye Care screen is designed to work smoothly with the Home Screen from Part 1, keeping the app calm, useful, and beginner-friendly.

✅ Download Source File:
https://downloadfreebie.com/screen-time-break-app-ui-design/
...............................

🎯 Join our private FB community:
👉 https://www.facebook.com/groups/uixdesignacademy
...............................

☕ Enjoyed the Video? Fuel Me with a Coffee:
👉 https://paypal.me/uixdesignacademy
👉 https://buymeacoffee.com/uixdesignacademy
...............................

🎥 What to WATCH Next:
👉 https://youtu.be/uYb2IU9liWk
👉 https://youtu.be/csZHzsVreR8
👉 https://youtu.be/O4e62tbnEFE
...............................

🛠️ Most Useful Tools Links:
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉 Figma: https://psxid.figma.com/z2wz3bjjbrdi

👉 Framer: https://www.framer.com?via=uixdesignacademy
🎁 promo code: FREE 3 months (partner25proyearly)

I would be very happy 🙂 If you decided to Subscribe:
https://www.youtube.com/c/UIXUniversity