A new design system

Filo offers a highly customizable space for events and collaboration, and has dozens of use cases. While it offers so much customization, Filo lacks clarity, especially for new users who may not have much experience with B2B and B2C products.

When I joined, Filo had a few general design guidelines, but they were often ignored when it came to designing and building features. My overall goal was to make Filo easier to use. Many users would often get lost within their Filo campus, not knowing what room they were in. To solve this, I built a design system with consistent UI patterns, a consistent spacing guide, and typography. All components were built in Figma with swappable variables.

Design is an iterative process, and I believe design systems should be treated in a similar way. I tell my team often that, while our design system should be treated as the single source of truth for our product, it is also a living and breathing document. We will continue to make changes to further build it out and improve it as our product continues to evolve.