Community Picks·2yBest 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.
Medium·2yDesign 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.
Community Picks·1yBRiCSS
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.