Design Tokens

NewsKit design system - components and guidelines to help increase the speed of creation and innovation in digital teams.

Primer is a set of guidelines, principles, and patterns for designing and building UI at GitHub. It provides a shared language and standardized approach to delivering cohesive experiences.

Microsoft's design system for creating consistent, accessible, and modern user interfaces across web, iOS, Android, and Windows platforms.

A design system providing principles, components, and tokens for building consistent user experiences at Thumbtack.

Duet provides a set of organized tools, patterns, and practices that work as the foundation for LocalTapiola and Turva digital products.

Discover expert insights and tools to create, manage, and scale design systems with Figma. Access real-world case studies, best practices, and tips from industry leaders to elevate your design process and achieve consistent, user-centered results.

Pajamas is GitLab's design system providing brand guidelines, UI components, and design resources for building consistent and accessible interfaces.

The most advanced UI design framework for Figma

Polaris is the design system for the Shopify admin. If you’re just starting out with Polaris, here’s a list of recommended resources and guidance to get you started.

Wanda is Wonderflow's design system

Interaksi menghubungkan dan mengotomatiskan alur kerja desain dan kode untuk menyelaraskan seluruh tim produk Anda pada satu sumber kebenaran

Explore generative design systems

Stay up to date with news and updates from the design systems community covering design systems, best practices, events, and more.

Belajar tentang UX? Atau bekerja dengan profesional UX? Cari tahu apa yang mereka bicarakan di kamus UX buatan komunitas ini.

Extract color palettes from images and integrate them with Tailwind CSS for design token creation.

The plugin for Figma automates your color design tokens. With Token Master, you can edit styles in design tokens and quickly create new color modes. Just pick tokens with the same color and edit them at once!

Pando Design System · Design system documentation, made with zeroheight

Bring or create your Design System in UXPin to ensure design consistency across teams. Use a single source of truth that will help you stay on brand.

Extract your site's design tokens and use them in code and your design tools

Astro Space UX Design System enables developers and designers to build rich space app experiences with established patterns and best practices.

使用插件编辑您的设计标记并创建新的颜色模式

An open-source design system with reusable UI components, light/dark modes, and design tokens for easy customization.