Best of Design Systems — September 2024

1. 1
   Article

   UX Planet·2y

   Design System Contribution Models

   Contribution models allow product teams to enhance design systems without compromising quality. This post reviews three popular models: Nordhealth's hybrid model, which balances centralized control with team input; Pluralsight's waste reduction model, which focuses on minimizing redundant efforts; and Canonical's code quality model, which includes a decision tree and emphasizes QA in pattern creation. Each model has a distinct process for introducing and reviewing changes to maintain or improve the system's integrity.

   31

   1
2. 2
   Article

   Community Picks·2y

   Figma design system and Tailwind CSS blocks

   Pagedone UI offers an extensive Figma design system with over 12,000 components, icons, and color shades. It includes a large collection of Tailwind CSS base components and readymade blocks, as well as a library of 300+ free SVG icons. The open-source library provides lifetime access to 1000+ UI components and pages, all usable with a simple, one-time cost.

   27
3. 3
   Article

   Code Like A Girl·2y

   Creating High-Fidelity Designs and Prototypes

   The post provides a comprehensive guide on creating high-fidelity designs and prototypes. It covers transforming basic sketches into detailed, interactive prototypes ready for testing. Key topics include the importance of typography, color, iconography, and layout in mockups, visual design principles like emphasis, hierarchy, and scale, and the elements of robust design systems. It also highlights the iterative process of testing and improving designs to achieve a seamless and intuitive user experience.

   17