Shannon Miwa

Design System: Assemblage

  • Designer
  • Organization
  • Grunt work
  • Accessibility
  • Auditing
  • Component building
  • Chief Button Officer

At Braintree, I kickstarted the very first design system, but at Assembled I got to use all of those discussion lessons learned. As the Chief Button Officer, I was often elbows deep in component configuration in Figma. Working closely with other designers and engineers, we were able to significantly move the product aesthetic to a more modern direction, and at the same time, create an organized, scalable, maintainable system.

Team

  • 3–4 Designers
  • 2–3 UX Engineers
  • Head of Design

Product Impact

  • Organized and streamlined scalable design system
  • Created and maintained easy to use components for designers and engineers that match 1:1
  • Helped standardize reliable color and typography systems
  • Created consistency for end product, less overhead for designers, and faster implementation for engineers

Assemblage came a long way in my time at Assembled. Initially, all we had was a single page of inconsistent components, and in my time there we moved from that to a robust Figma library that could handle multiple themes, and a matching 1:1 code repository for developers to copypasta. So much design is discussion based, and though I pitched in a lot of grunt work to get a robust design system in place, the conversation itself always informed the development of the system.