Foundations—Design Systems

Whether you are just getting started or already building a design system, these resources will help you on your journey to leveling up your design system knowledge. Here's some useful content I've created:

Design Systems 101

Whether you have yet to build a design system, or are already building one and want to solidify your knowledge, this presentation is for you. Learn what a design system is, the value it brings to business, common approaches, and more.
Get the slides here

Introduction to Variables

Defining and managing design tokens is core to the success of creating a scalable design system. This content covers how to use Variables in Figma to manage your design tokens, explains the difference between styles vs variables, and everything else you would want to know before starting your journey with Variables.
Get the slides here

Framework APAC: Design Systems AMA
Answering all the top questions received on design systems. From beginner to advanced.
Watch the video here

Zen Keys
Zen Keys is a plugin I created that features useful macros to increase your productivity in Figma. One of its most useful features is the ability to copy and paste variables or entire collections between files (including all alias dependencies!), and a utility function for refactoring variables. If you are building a design system in Figma, you'll no doubt find these features useful.
Get the plugin here

This post will be updated over time as I create more content related to design systems, so check back periodically for updates or subscribe.