There are many widgets on Figma to help designers be productive, but it's frustrating to move between widgets that track time and manage tasks, so I made one to combine both.
Non-linear process
I took a reference in a couple of existing widgets, drew the requirements and flow, and then started doing a bunch of iterations, especially the interaction & visual parts. It's all about thinking about the edge cases and testing as early as possible.
The process was not linear, sometimes I coded and found a technical problem, and sometimes I designed and thought that this might not be possible to code.
It's about balancing design and code
I learned about balancing between technical constraints and design solutions, to provide alternatives, it helps me always to get back to the root problems and make sure I focus on the essentials. One last thing it's about breaking down things before jumping to a solution.