462: Refactoring a Design System

33 snips

Sep 11, 2023

The podcast discusses the process of redesigning a design system in Figma, the importance of consistent naming and structuring of component properties, creating a profitable Figma course, the design process behind MuseScore app, and the features of Sequel and Call Sheet apps.

Ask episode

AI Snips

Chapters

Transcript

Episode notes

ADVICE

Component Tracker

Create a tracker in a spreadsheet to assess component quality.
Use a heat map and grading system (A+ to F) for an overview.

ADVICE

Start Small

Start refactoring with small components to build momentum and rhythm.
Develop best practices iteratively as you progress.

ADVICE

Component Properties in Design Panel

Structure component properties in Figma's design panel to avoid designers needing to check the layers panel.
Ensure all manipulations are legal, preventing corner cases and code forking.

Get the Snipd Podcast app to discover more snips from this episode