Best of Design SystemsOctober 2024

  1. 1
    Article
    Avatar of communityCommunity Picks·2y

    Best design system examples

    Exploring top design system examples to help build or improve your own, this post covers the essentials like consistency, efficiency, scalability, collaboration, and quality control. Featuring IBM's Carbon, Atlassian's, and Adobe's Spectrum design systems, it offers insights into unique approaches and best practices in design systems.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    The List of Public Design Systems

    Weekly updated list of public design systems and resources. Subscribe to receive weekly tips on design systems and strategy.

  3. 3
    Article
    Avatar of medium_jsMedium·2y

    Design systems: simplifying documentation writing

    Creating a design system documentation can be daunting but essential for effective usage. Documentation is split into intangible parts (principles) and tangible parts (patterns, components). Using a Work Breakdown Structure (WBS) can simplify this task by breaking it into manageable pieces, prioritizing tasks, and tracking progress. Helpful techniques include using templates and examples from other design systems. Always consider the audience, steal useful ideas, aim for functionality over perfection, and maintain documentation through continuous feedback and alignment across teams. Existing systems like Tailwind or Material UI can also be beneficial, especially for smaller teams.

  4. 4
    Article
    Avatar of communityCommunity Picks·1y

    BRiCSS

    BRiCSS provides a simple, low-level CSS abstraction with a naming convention based on abbreviations. It creates optimized CSS files for responsive design by focusing on properties that are actually used. The solution requires only a browser, generates automatic documentation, and supports offline operation. It integrates well with design systems and allows users to instantly see the file size impact of their settings, with options to copy or download the latest custom CSS library.