Workshop “Hands on with a design system”

I took part in creating and running a full-day workshop about building a design system and a pattern library (React) in a multidisciplinary team. In the workshop, teams start by creating a visual design language to share. Together, they go through the iterative design process and build a modular UI for the product. Teams implement a pattern library using React and optionally styled-components, and document it with Storybook. The exercise contains managing collaborative updates and keeping the code in sync with the design reality. By the end of the day, each team has the product ready, built with the help of their library, and driven by an effective process to ensure smooth updates.

This workshop was given two times.

As a part of the Design System Conference, the workshop gathered 30 attendees. Working in 6 teams, by the end of the day they delivered 6 different design systems expressed in React code and provided instant brand changes with the help of them.

Lately, the workshop was run as a separate event in Intergalactico design studio. That time, 5 teams worked hard to dive into design systems thinking and componentized development.

This work was done together with my amazing colleagues Rami Ertimo, Mikko Rajala, Antti Salo, and others.