Krones Design System
About The Project
Helped Krones implement an extensive Figma-based design system. This project ensured design consistency across teams, improved efficiency, and accelerated product development.
Date
September 2023
Role
UI Design
Empowering
Design consistency
Designed a comprehensive component library, implemented semantic color tokens including dark mode variations, and created a cohesive visual language
Challenges
Navigating the complexities of a large-scale design system for Krones presented unique challenges.
The need for highly adaptable components, catering to diverse use cases across the organization, required meticulous attention to nesting and property management.
Additionally, establishing a robust token system that seamlessly integrated with every component proved to be a nuanced endeavor, demanding careful consideration and creative problem-solving.
Watch this mode switch
End Boss
Component
Designing a flexible table component required careful consideration of diverse content and layout needs. By utilizing nested components, I crafted a table that seamlessly adapts to various use cases, empowering designers to easily modify its structure and style while maintaining a consistent user experience across the product ecosystem