Crafting a Design Ecosystem: Building Wrkout Store's Design Library

As the sole UX/UI designer at Wrkout during the transition to Figma, I spearheaded the creation of the design library for Wrkout Store, our flagship product. The design library began by aligning with the colors, fonts, and text sizes specified in the company brand guidelines. Following the atomic methodology, I systematically expanded the design library, starting from basic components and gradually combining them to create more complex ones. This approach facilitated rapid iteration of our evolving product, especially in its early stages. Regular communication with the development team ensured alignment between our design library and theirs whenever possible. All components were built with auto layout, enabling easy adaptation to changing content and screen sizes.

UX/UI Designer

Figma

Ongoing

Role

Tools

Duration

Check out the design library in figma