Best of Design SystemsAugust 2023

  1. 1
    Article
    Avatar of communityCommunity Picks·3y

    Building a Design System with React Web Components

    Building a Design System with React Web Components is a simple way to build a universal design system with React. We compiled React to Web Components using wrappers, polyfills and tooling to make them work in every context. The implementation turned out tougher than we anticipated but we're happy with the result.

  2. 2
    Article
    Avatar of uxplanetUX Planet·3y

    Design Systems: A Beginner’s Guide

    Design Systems are a collection of reusable components, patterns, and guidelines that help teams create consistent and user-friendly products. They’re becoming increasingly important in product design, as they can help teams save time, improve collaboration, and create better products. There are many different ways to create a design system.

  3. 3
    Article
    Avatar of uxplanetUX Planet·3y

    Top 5 Design Systems That Streamline Design Process

    For each design system, we will provide a Figma UI kit so you don’t need to create UI elements from scratch. The HIG is a must-have tool for anyone who wants to build a product for the Apple ecosystem. Microsoft Fluent 2 is the next evolution of Microsoft’s design system.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Rapidly build UI components without sweating over the logic.

    Zag - Rapidly build UI components without sweating over the logic. Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA compliant way. Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system.

  5. 5
    Article
    Avatar of uxplanetUX Planet·3y

    Design System — Fundamental principles for designing and developing a robust Design System.

    A Design System is a large set of reusable components combined with a set of rules, using visual design elements like colors, spacing, or shapes. It enables you to deliver a consistent design in less time. It doesn’t only save your time but it helps in maintaining a consistent experience.

  6. 6
    Article
    Avatar of figmaFigma·3y

    How Spotify’s Design System Goes Beyond Platforms

    Spotify's Design System Goes Beyond Platforms: How Spotify’s design system goes beyond platforms. Design Manager Juli Sombat says the need for more cohesion led Spotify's design team to take a cross-platform approach to components. Sombat: We wanted that experience to be as seamless and cohesive as possible.