top of page

Building a Design System In-Flight

Duration

Half Day

Level

Intermediate

About the Workshop

Design systems -collections of common components, colors, and other constants- are a key way to scale teams and web applications on the modern web. They're particularly handy for deduplicating frontend development costs for microfrontends and remote teams. But how do you create one from scratch -- or, much more commonly, in-flight from an existing service?


This hands-on workshop will take you through three stages of crafting your design system:

* 1 (Design): Extracting colors, spacing, and typography from your existing brand

* 2 (Design+Dev): Creating components following standard Atomic Design using the first day's designs

* 3 (Design+Dev): Fleshing out components and documenting usage with Storybook and TypeScript

Workshop Lead/s

Josh Goldberg

Josh Goldberg

Josh is a frontend developer from New York with a passion for open source, static analysis, and the web.

He is a full time open source maintainer and work on projects in the TypeScript ecosystem such as typescript-eslint and TypeStat.

He also wrote a Learning TypeScript O'Reilly book. HE is passionate about bringing accessible education to the masses in a sustainable way.

Modern Frontends Logo - White on Transparent - No Byline.png

Live!

bottom of page