--- title: Best Design Systems posts — September 2024 | daily.dev description: The most upvoted Design Systems posts from September 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/design-systems/best-of/2024/09 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/design-systems/best-of/2024/09 og:type: website og:site_name: daily.dev og:title: Best Design Systems posts — September 2024 | daily.dev og:description: The most upvoted Design Systems posts from September 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Design Systems — September 2024 1. 1 [](https://daily.dev/posts/design-system-contribution-models-qlzorciiq "Design System Contribution Models") 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 [](https://daily.dev/posts/figma-design-system-and-tailwind-css-blocks-4nvfgs2rw "Figma design system and Tailwind CSS blocks") 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 [](https://daily.dev/posts/creating-high-fidelity-designs-and-prototypes-dumuntlkg "Creating High-Fidelity Designs and Prototypes") 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 [See all Design Systems archives](/tags/design-systems/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/design-systems/best-of/2024/09#page","url":"https://daily.dev/tags/design-systems/best-of/2024/09","name":"Best Design Systems Posts — September 2024","description":"The most upvoted Design Systems posts from September 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/design-systems/best-of/2024/09#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/design-system-contribution-models-qlzorciiq","name":"Design System Contribution Models"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/figma-design-system-and-tailwind-css-blocks-4nvfgs2rw","name":"Figma design system and Tailwind CSS blocks"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/creating-high-fidelity-designs-and-prototypes-dumuntlkg","name":"Creating High-Fidelity Designs and Prototypes"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Design Systems","item":"https://daily.dev/tags/design-systems"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/design-systems/best-of"},{"@type":"ListItem","position":5,"name":"September 2024"}]}]} ```