Design Systems

A key part of any design system is its documentation. Get inspired to create your own with this curated list of some of the best design system documentation sites out there.

How has Encore grown and evolved over the last few years? Find out what our design systems team has been up to and the learnings along the way.

It's been absolutely wild to witness the rise of the new crop of AI tools. This moment feels equally exciting and terrifying, but given humans' track record of driving promising technologies off the rails, I'm erring on the side of terrified until (hopefully) proven wrong. Setting aside a lot of

Ready to take your SWE Career to the next level? Byte by Byte helps you ace the coding interview, land the job, and build your dream career.

A list of resources on all things to do with Design Tokens - GitHub - sturobson/Awesome-Design-Tokens: A list of resources on all things to do with Design Tokens

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

The Design System’s visual design is based on consistent palettes of typography, spacing units, color, and other discrete elements of style we call design tokens.

Tokens store style values like colors and fonts so the same values are used across designs, code, tools, and platforms.

Style Dictionary is one of the very best tools I've ever encountered. It's powerful, fun, and great for managing your design tokens!

A documentation site dedicated to the Workday Canvas Design System

TL;DR: I built a storybook addon generating design token documentation from your stylesheets and asse...

Design systems help to streamline the product design process and make it more transparent, predictable, and efficient.

Learn how to build a design system in Figma. By the end of this course you will become a master of building design systems in Figma and understanding master ...

Connect Storybook stories to Figma designs

This is your guide to the Help Scout universe — we use these building blocks to create a memorable experience for you.

Explore 1000s of components and libraries

Discover how to build and maintain design systems using Storybook.

Learn everything about design systems from leading experts and world-class teams, including Twitter, Salesforce, Airbnb, and more.

How modularity is transforming design and frontend development

A Design System’s strength comes from knowing how and when to apply options (like purple-40 or color-warning) correctly to contexts (like…

Base repo to transform json design tokens from the figma design token plugin via amazon style dictionary. - lukasoppermann/design-token-transformer: Base repo to transform json design tokens from t...

A utility that transforms tokens from Figma Tokens to a format that is readable by Style Dictionary.. Latest version: 0.0.19, last published: a month ago. Start using token-transformer in your project by running `npm i token-transformer`. There are 5 other projects in the npm registry using token-transformer.

Part 2: Using the Figma API

Design Systems, Code-side

Your hub on how to build great Design Systems

Learn about JSON Web Tokens, what are they, how they work, when and why you should use them.