<hr />
<p>Today's resource was a hands-on session on replicating a UI kit for a mobile app. Initially, I was hesitant, but I got excited as the video went on. After watching it several times, I replicated the same design using Figma.</p>
<p>I enjoy practical sessions in UI design in contrast to other aspects of design like wireframing, user research, and the like, which I need to improve on. I replicated the following screens: sign-in, account creation, error page, article page, comment page, and pricing page.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1685101916723/77755adc-637b-4850-bf44-ac5db8903c74.png" alt="Replicating Day 8's resource" class="image--center mx-auto" /></p>
<h1 id="heading-key-learningstakeaways">Key learnings/takeaways</h1>
<p>Strategy, research, and design are the core pillars of design. It is quite obvious what I need to work on to become a true world-class designer. Yes, I have visual prowess, but pleasant interfaces that aren't solving a problem or meeting a need are useless. I learned how to use a layout grid for mobile frames; I also learned about spacing and dabbed a bit with components. I have to work on my use of shadows, typography, and spacing.</p>
<h2 id="heading-references">References</h2>
<p>"Mobile App Design Tutorial in Figma (Free Course!) (YouTube) 11 Nov. 2021, <a target="_blank" href="https://www.youtube.com/watch?v=PSOY7Qnu8bQ">https://www.youtube.com/watch?v=PSOY7Qnu8b</a></p>
<hr />
<p>Thank you for reading my article, have a great weekend 👋🏽</p>


---

Today's resource was a hands-on session on replicating a UI kit for a mobile app. Initially, I was hesitant, but I got excited as the video went on. After watching it several times, I replicated the same design using Figma.

I enjoy practical sessions in UI design in contrast to other aspects of design like wireframing, user research, and the like, which I need to improve on. I replicated the following screens: sign-in, account creation, error page, article page, comment page, and pricing page.

![Replicating Day 8's resource](https://cdn.hashnode.com/res/hashnode/image/upload/v1685101916723/77755adc-637b-4850-bf44-ac5db8903c74.png align="center")

# Key learnings/takeaways

Strategy, research, and design are the core pillars of design. It is quite obvious what I need to work on to become a true world-class designer. Yes, I have visual prowess, but pleasant interfaces that aren't solving a problem or meeting a need are useless. I learned how to use a layout grid for mobile frames; I also learned about spacing and dabbed a bit with components. I have to work on my use of shadows, typography, and spacing.

## References

"Mobile App Design Tutorial in Figma (Free Course!) (YouTube) 11 Nov. 2021, [https://www.youtube.com/watch?v=PSOY7Qnu8b](https://www.youtube.com/watch?v=PSOY7Qnu8bQ)

---

Thank you for reading my article, have a great weekend 👋🏽

Day 8: Mobile App Design Tutorial in Figma

A practical session on UI Design

Table of contents

Key learnings/takeaways

References