Why are we using Stitches for WPDS?

Coding a page

A step-by-step guide to making a page using Next.js and UI Kit.

Contribute a Component

This document describes the process of contributing a component to our system. We are always excited when our community looks to expand our design system. Thank you for taking the time to contribute.

Figma Guide

Figma is our tool of choice when designing and using our design system. Other design software is currently not supported, but maybe in the future.

Migrating to our new palette

This guide will help you understand the evolution of our color palette. It will also help you if you are using our v1 tokens or even using our v0 tokens to migrate to use our latest unified palette! So let's jump right in!

React Guide

We're going to walk through how to build a feature for the website with our React UI Kit.

Migrating from Tachyons to Stitches

We're written a dedicated blog post about the differences between Tachyons and Stitches.

Zeplin Guide

Zeplin is our tool of choice when it comes to hand-off. It offers a layer of connection to code and design not yet realized by other tools.

Releases

How we release new versions

Support

Supporting the project

Supported platforms

Ui kit provides support for these platforms

How to use theme tokens?

In this tutorial, we will learn just how our theme tokens work and interact with our greater color palette. You will understand why you would use a theme token over just using the same color token. Theme tokens are powerful and will help define how we abstract intention from color in the future as we grow.

How to use slots?

Slots is a new concept that you will find in our figma ui-kit. It empowers you to nest and build out paterns with our components without detaching. Follow along on this tutorial where you will learn all about slots.

WPDS v1 - Design Workshop

Learn everything you need to know about the new WPDS

WPDS v1 - Design Workshop 2

Continuing our deep dive in our new design system.

WPDS v1 - Developer Workshop

Learn everything you need to know about the new WPDS

WPDS v1 - Developer Workshop 2

Learn everything you need to know about the new WPDS