Locked Video

Please log in or buy the course to watch

Buy Now

Introduction

In this lesson, we'll take a look at the core building blocks of any good design system. A big focus will be on design tokens - things like colors, spacing, fonts, etc. - and how they allow for a unified visual style across different products or apps.

We'll also dive into other important areas like animation keyframes and layer styles. The goal is to put all these pieces together into a comprehensive theme that could be easily shared and reused by others.

I'll show you how to construct a theme from scratch in Panda, then how that theme can be saved as a preset that anyone can apply with one click. This allows for fast, stylized implementations without having to rebuild designs from scratch each time.