Instead of blindly tracing fictional UIs, you should choose real apps, trace a screen, and then trace the screen that comes before/after it. This extra step is important because knowing what comes before and after a particular screen helps you learn how context works.

Here's what you need to know to get started:

Choose whether you want to specialize in web or mobile UI. I recommend you learn mobile first.

Choose between iOS or Android, depending on what you want to learn first.

Make sure you only select genuine apps (see Mobbin)

When tracing, pay close attention to how the iOS/Material guidelines are reflected in your designs. You need to know the UI guidelines or you will always end up creating designs that cannot be shipped live.

Design the screen and the screens before and after it.

Focus on declaring styles, types and components. Your framework should not be a stack of separate layers.

Complete the entire challenge by collaboratively prototyping the three screens, remembering to add the slide and scroll interactions.

Your end result should feel as real as possible.

Take the challenge for 100 days. Track 3 screens daily and finish with a prototype. Document your progress and make sure you have a well-organized Figma file with 100 days of prototyping results.

Check out the latest video with insider tips for a well-paying UX job: https://youtu.be/Cx0l9oLYZt0

#UIChallenge #100DaysUIChallenge #anshmehra #youtubeshorts #shorts #Appdesign #UI #UIDesignSkills #FigmaSkills #UIDesignLearning #DesignComponents

Please take the opportunity to connect with your friends and family and share this video with them if you find it useful.