Design System
Collaboration
Efficiency
UI02 - Design System
Consistency
The Goal
Showit, a no-code website builder with over 60,000 subscribers, had a fragmented UI with inconsistent components and no design system in place. Designers and engineers were working without a shared foundation, leading to inefficiencies, inconsistencies, and technical debt. The goal was to create a scalable design system that not only modernized the UI but also established a sustainable workflow between design and engineering.
Process
Scalability
I led the effort to build Showit's first-ever design system from the ground up, starting with foundational research. Working closely with engineers, we audited the existing UI and identified inconsistencies in typography, color, spacing, and component behaviors. From there, I developed a new component library in Figma, creating reusable, well-documented components that adhered to accessibility best practices.
The challenge wasn’t just building the system—it was rolling it out effectively. We started with internal adoption, aligning with developers to ensure seamless integration into the codebase. Through multiple beta releases and user testing sessions, we iterated on feedback, refining patterns and addressing edge cases before full implementation.
The challenge wasn’t just building the system—it was rolling it out effectively. We started with internal adoption, aligning with developers to ensure seamless integration into the codebase. Through multiple beta releases and user testing sessions, we iterated on feedback, refining patterns and addressing edge cases before full implementation.
ITERATIVE
COLLABORATION
EFFICIENCY
LEADERSHIP
STRATEGY
VISION
ITERATIVE
COLLABORATION
EFFICIENCY
LEADERSHIP
STRATEGY
VISION
The Results
The launch of Showit UI2 streamlined workflows across design and engineering, introducing reusable components and standardized documentation. Engineers benefited from a more efficient development process, reducing friction in implementation. Designers worked faster, focusing on iteration and collaboration rather than fixing inconsistencies. The system improved how features were tested and shipped, increasing design velocity and ensuring a more cohesive, scalable user experience.
Going Forward
With a solid foundation in place, future iterations will focus on refining interactions, expanding accessibility features, and supporting light mode & density features. The design system is now positioned to scale as Showit continues to grow, reducing long-term maintenance costs and keeping design and engineering in sync.