go back
Company
Birdeye
Year
2025
project overview
Principles behind the design system
As the Birdeye platform expanded across multiple products and teams, maintaining consistency, accessibility, and scalability became increasingly challenging. Different teams were building features independently, which created variations in components, interaction patterns, and visual language across the product.
To address this, the design system was guided by three core principles: accessibility first, scalable components, and consistent patterns. These values ensured that every component not only looked unified but also behaved predictably across products, helping teams build faster while delivering inclusive and reliable user experiences.
100+
components
17
charts
5
plugins
core components
Scalable components & charts
We designed a set of highly configurable chart components that could be reused across dashboards and reporting tools. These visualizations supported multiple configurations such as dynamic data mapping, color states, labeling systems, and interaction behaviors.
Some of the charts included sunburst charts, radial charts, and bubble charts, enabling teams to represent complex datasets while maintaining visual consistency across the product.
figma plugins
As the design system grew, designers were repeatedly performing manual tasks such as creating skeleton loading, connecting flows on dev handoff, and generating product copy. These repetitive steps slowed down the design process.
To streamline the workflow, we developed a set of in-house Figma plugins that automated common design tasks. Tools such as the Skeleton Loader plugin, Freeflow plugin for user flows, and BirdAI Writer plugin for generating UI copy helped designers work faster, maintain consistency, and focus more on solving product problems rather than repetitive setup work.
learnings & impact
Building the design system required aligning multiple product teams around a shared foundation of reusable components, patterns, and documentation. By introducing structured components designers could build interfaces faster while maintaining consistency across the platform.
This reduced duplicated design work, improved collaboration with engineers, and helped teams move from designing individual screens to building scalable product experiences.
The impact became measurable after launch. The new system helped reduce design-to-development and release cycles, contributing to a 2 times of reduction in go-to-market time for new features. Adoption grew quickly across teams, with design system usage increasing 4 times inc after launch as more designers and engineers relied on shared components. Designers insert 10k components per week, with peaks reaching 141k inserts in recent AI projects.
