Design Systems

Design systems bring together style guides, patterns, UI libraries, CSS frameworks, and brand to help design teams build clear, efficient, consistent, and beautiful products. But, where does a design team or a solo designer begin?
Jina, a designer who has helped build design systems for smaller design agencies and large-scale enterprise ecosystems alike, shares her process and experience so you can begin a design system of your own, and have the structure and insight needed for ongoing success.

In this workshop, you’ll explore key steps in the process:

  • Starting with research: talking to who's involved, to better understand why we're doing this.
  • Conducting a UI inventory: find the user interface elements, and group them by common patterns.
  • Documenting the concerns: open questions and action items.
  • Defining the vision: decide on the design principles, create the user stories and roadmap, and determine the metrics.
  • Creating a style guide: why they should be living documents, abstracting with design tokens.
  • Creating a UI kit/UI library: whether in Sketch/Photoshop or in HTML, follow best practices.
  • Refactoring & realigning UI: moving legacy UI over.
  • Where to from here: intro to automation and testing, and how to survive over time.


This area is an exclusive attendee resource area and is password protected.