Design challenge: remaking my own prototype in Figma

UX Designer without a design background

As part of my UX classes at Skillcrush I was assigned the task of designing an interactive prototype of a sample client. It was my first time, ever, using a design tool.

I found my prototype good enough to move on to the assignment's next steps, but since then I struggled with not knowing how to bring ideas to life — at least not at the quality level I expected them to be.

Pen & paper, Miro, Canva and Invision have been my go-to tools. For someone like me, that doesn't have a background in design, they're lifesavers when something needs to be done fast.

As great as they might be, these tools are limited when it comes to designing more complex systems, or realistic prototypes that will be refined into an UI Design later on. Not knowing how to use design softwares is holding my projects (and my career!) back.

But guess what? Practice makes perfect!

Instead of feeling ashamed about my work, I'm going to learn how to make it better, one component at a time :)

Stay tuned to see what changes and how the end result will look like!

• Part 1: Designing the calendar component
• Part 2 (to be published soon): Creating City Cycles design system

For reference, this is the original prototype being transformed: