Design Systems

Generate and manage design tokens for your design system

By following these patterns and guidelines, designers and developers can create AI-enhanced applications that provide significant value to users, improve their workflow, and ensure a seamless, intuitive user experience. | Made with ❤️ by Emplifi

Beautiful UI components and templates to make your landing page look stunning.

How can we get better at naming? This post is dedicated to naming conventions, tips, and real-world examples that help you name things in a robust and flexible way.

Find inspiration for naming things – be that HTML classes, CSS properties or JavaScript functions – using these lists of useful words.

Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.

Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.

Convert JSON design tokens into CSS in the browser.

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code. An essential toolkit that's built to simplify communication between designers and developers.

Learn everything there is to know about the Skiff Design System and integrate Skiff into your product.

A component refers to an element that can perform a function by itself.

Vercel design system for building consistent web experiences.

You’ve created all your color ramps, but how the heck do we start defining how they will be used? Let’s talk about it.

Atlassian Design for Bootstrap 5. Powerful and free UI Kits for Bootstrap with Atlassian Design.

This article covers how we evolved our tokens at Intuit to create a flexible taxonomy for a small but powerful set of semantic tokens.

Beautifully designed components built with Radix UI and Tailwind CSS.

Browse and download design systems files—all open and free on the Figma Community

Athletics collaborated with Square to develop their motion identity system to unite Square around common ideals, rules, and tools, yielding a more open and inspiring brand experience. Square's brand-wide creative concept of “Open

The Washington Post Design System (WPDS) is a growing library of design tokens and interactive components purpose-built for washingtonpost.com

Figma Community file — Slide deck for How design tokens can make us better collaborators at Config 2022.

Design, build, and ship coherent experiences with Nordhealth’s design system.

An open-source React component library for building high-quality, accessible design systems and web apps.

Design your service using GOV.UK styles, components and patterns

This website aims to explain what design systems are, the advantages of building one, and the tools involved.

Open UI

The official reference documentation for designing Playdate games.