Behind the System: Building an automated multi-brand token workflow

25 Aug 2022

PAST

Contents

- Welcome/Intro

- A brief overview of our design system and how we use tokens

- In the (Figma) file

- A look at our Theme library - The tokens, how we use Figma Tokens and our workflow from Figma to Github

- How we made icons an integrated part of our tokenised solution

- Our core components and how we apply non-local styling in the library

- In the code

- Transforming Figma Tokens JSON into working CSS

- Our Icon component and how we turned the icon tokens into rendered icons using Font Awesome

- Q&A

Watch the recording on YouTube

← Back to events

Join our community, we would love to hear from you!
Join our Figma Tokens Slack
Follow our creators on Twitter
Give us feedback or report a bug