Master Figma Variables: Set Up a Multi-Brand Design System
21.3K views · 2024-02-13
UI Design
In this tutorial, dive into the world of multi-brand design systems as we guide you through the process of setting up a powerful multi-brand design system using Figma variables with a miniature design system build.
*I apologize for some small audio errors early in the video. My mic went astray and I have been unable to edit them out
Build a community profile + join the community: https://www.uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
We build design systems: https://designsystemlabs.co/
Resources: https://uicollective.co/designer-tools-and-resources
Dark mode video referenced: https://youtu.be/HjRsJg74yaU
--
0:00 An Introduction
0:29 Lesson Brief
1:37 Brand Coke Collection Setup
7:15 Brand Sprite Collection Setup
12:12 Alias Collection Setup
22:28 Mapped Coke Collection
29:49 Mapped Diet Coke Collection
35:20 Mapped Sprite Collection
41:35 Applying Variables
#figma #uxdesign #uidesign
*I apologize for some small audio errors early in the video. My mic went astray and I have been unable to edit them out
Build a community profile + join the community: https://www.uicollective.co/
NEW - Purchase our official design system: https://collectivekit.co/
We build design systems: https://designsystemlabs.co/
Resources: https://uicollective.co/designer-tools-and-resources
Dark mode video referenced: https://youtu.be/HjRsJg74yaU
--
0:00 An Introduction
0:29 Lesson Brief
1:37 Brand Coke Collection Setup
7:15 Brand Sprite Collection Setup
12:12 Alias Collection Setup
22:28 Mapped Coke Collection
29:49 Mapped Diet Coke Collection
35:20 Mapped Sprite Collection
41:35 Applying Variables
#figma #uxdesign #uidesign