Design Details

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

Detailed Descriptions

  • Use rich text in Figma component descriptions for detailed usage guidelines.
  • Use code styling for interface elements, bolding and linking for component references, and tags for searchability.
ANECDOTE

Naming for Search

  • Marshall discusses how inconsistent naming in Figma can hinder search.
  • He uses the example of an icon named "message bubble left" which is not intuitive for searching for 'comments'.
ADVICE

Back of House Organization

  • Organize Figma libraries for maintainability, not just user experience.
  • Prioritize a "back of house" organization for efficient adding and changing.
Get the Snipd Podcast app to discover more snips from this episode
Get the app