The Evolution of Open Source through Design

on YouTube ↗43m

" summary

Claims an atomic, accessibility-first design system that auto-generates Figma libraries and React/CSS components from JSON tokens and pushes changes through GitHub into Storybook/Chromatic for CI/CD review, cutting handoff friction. Uses Theme Builder with Figma Token Studio to compute color shades, contrast and target sizes, supports light/dark and accessibility layers, and seeds an open source repo plus a hackathon with 200 participants and $30,000 in prizes.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 11:48Common Complexities
3. 27:10Systems and Themes
4. 32:35What is a Design Ops Toolchain?

" related talks

• 23mBuilding an open source design system for the manyAhcène Amrouz, Antoine Puig · Schema by Figma London 2022
• 26mOpen Source Design: A Call to ArmsUna Kravets · CSSConf Australia 2015
• 31mDesign from the dimension of open-sourceShodipo Ayomide · React Finland 2020
• 16mOpen Source Design: Designing with the CommunityMiguel Solorio · Config 2020
• 45mBridge the Gap between Design and DevelopmentSAMANTHA GORDASHKO · SmashingConf Freiburg 2024
• 35mWe need to talk about our frontend workflowSiddharth Kshetrapal · ReactFoo Hyderabad 2018
• 21mDesign Systems 101: The Developer Approach to Better FrontendsKaleb Garner · Commit Your Code 2026
• 29mDesign from the dimension of open-sourceShodipo Ayomide · Future Sync 2020