Lightning talk: Design System - Modular component model

on YouTube ↗06m

" summary

The team unifies web iOS and Android by exporting a single set of design tokens and building the brewery design system composed of malt and hops (malt = component library hops = tooling). It adopts atomic design and a modular component model — shell plus skins plus behaviors — and ships an export pipeline plus a flavor switch to replace about ten legacy button variants. Implementation is underway and already yields consistent tokens across platforms as a usable starting point.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:13Why Do We Have To Build a Design System
3. 3:47Api Documentation
4. 4:54Modular Component Model

" related talks

• 27mAdvanced Design System ConsiderationsAlex Sexton · JSConf Hawaiʻi 2020
• 20mDesign Systems for the Rest of UsSiddharth Kshetrapal · Design Systems London 2018
• 21mDesign Systems @ScaleAaron Coplan · Mobile @Scale 2023
• 33mHow to Build a Universal Design SystemAxel Delafosse · App.js Conf 2022
• 18mOne design system to rule them all 1Daniel Beleza · droidcon London 2022
• 25mFrom Design Systems to Component LibrariesGagik Arustamyan | ReactConfAM19 · React Conf Armenia 2019
• 28mLet's talk about design systemsRakhi Sharma · ConfrontJS 2022
• 41mDesigning a Design SystemJina Bolton · You Gotta Love Frontend 2016