Learn how the Figma team updated their web design system using new features to streamline components, improve workflows, and incorporate a refreshed visual identity. Highlights include auditing and simplifying component libraries, optimizing typography and color systems, leveraging prototyping for iterative design, and using branching and variables for consistency. Discover best practices and actionable approaches for evolving your own design system efficiently.
Table of contents
Rethinking our componentsPlaying with prototypesBranching and organizing our workUsing variables to keep things consistentCalling out details with Dev Mode annotationsDeveloper-approved nomenclatureKeeping everyone in check with NotionWhat we learnedSort: