design system

Build and organize the company's design system

worked with:

  • design team
  • engineers

produced:

  • 30+ UI components
  • usage guidelines
  • design specifications

context

When I joined the design team at GoodLeap, the existing design system was inherited from a third party agency. It was incomplete and outdated with old branding. And it was built in Sketch. So, I set out on a mission to rebuild (and complete) our design system in Figma.

process

When I audited the existing design system, I discovered there were components that hadn't been build to UX's specifications. I took this opportunity to align both the designed and developed versions.

For each component, I made sure to include usage guidelines. Once I had all of the components built, I conducted a card sort exercise with both the design team and our front end engineers. This helped me figure out the most intuitive way to group and organize everything. It was important to me to include engineers in this process so I could ensure the design system was organized in a way that would be useful to them as well.