Figma Variables
How to create variable themes for multi-platform
CEST
11:00 PM
BST
10:00 PM
EDT
5:00 PM
PDT
2:00 PM
In this talk we’ll show you how to get the most out of Figma variables. What if you could use them not just to change colours and fonts, but scale entire interfaces for different devices and platforms?
Learn how to set up a design tokens architecture in Figma that will allow you to introduce additional themes and modes – whether you’re already serving multiple brands or platforms or simply want to be prepared for the future. We‘ll also show you how to keep structured, tidy UI kits and be ready for any question during dev hand-off.
What you will learn:
- How we’ve structured our UI kits and optimised our hand-off-ready design specs
- How to set up your Figma variables structure for flexibility in terms of modes, platforms or brands
- How to introduce additional themes and modes without breaking existing structures, and what pitfalls to avoid
Who is this for:
Designers whose systems serve multiple platforms, anyone currently building their system in Figma, and anyone looking to learn from the mistakes others have made before them
Presented by:
Franziska Haaf
Design System Designer, REWE digital
Franziska is a senior UX designer (focussing on design systems) with 10 years of professional experience in the IT industry who, in addition to her focus on human-machine interaction, also has programming experience and therefore often acts as an intermediary. While working as a UX generalist, she found her passion for design systems and focussed on them.
In her spare time, she is involved in a FLINTA* cycling association and paints TCG cards.
Vincent Schlothauer
UX Designer, REWE digital
Vincent Schlothauer is a senior UX designer with a special passion for design systems and high-complexity use cases. With 8 years in the field and the last 3 in B2B/B2E contexts, he is always looking for a tough nut to crack.
He believes design systems can both drive strategy and build community, and is using his role to establish user journeys and custom components that span multiple teams and products. When time permits he offers workshops to enable non-designers to employ user-centric, iterative thinking in their own approach.
He is a nerd both in and outside of the workplace, and can often be found at medieval markets or out in the wild, identifying herbs in the underbrush.
Figma Variables
How to create variable themes for multi-platform
MAY 30
11:00 PM
to
12:00 AM
CET
In this talk we’ll show you how to get the most out of Figma variables. What if you could use them not just to change colours and fonts, but scale entire interfaces for different devices and platforms?
Learn how to set up a design tokens architecture in Figma that will allow you to introduce additional themes and modes – whether you’re already serving multiple brands or platforms or simply want to be prepared for the future. We‘ll also show you how to keep structured, tidy UI kits and be ready for any question during dev hand-off.
What you will learn:
- How we’ve structured our UI kits and optimised our hand-off-ready design specs
- How to set up your Figma variables structure for flexibility in terms of modes, platforms or brands
- How to introduce additional themes and modes without breaking existing structures, and what pitfalls to avoid
Who is this for:
Designers whose systems serve multiple platforms, anyone currently building their system in Figma, and anyone looking to learn from the mistakes others have made before them
Presented by:
Franziska Haaf
Design System Designer, REWE digital
Franziska is a senior UX designer (focussing on design systems) with 10 years of professional experience in the IT industry who, in addition to her focus on human-machine interaction, also has programming experience and therefore often acts as an intermediary. While working as a UX generalist, she found her passion for design systems and focussed on them.
In her spare time, she is involved in a FLINTA* cycling association and paints TCG cards.
Vincent Schlothauer
UX Designer, REWE digital
Vincent Schlothauer is a senior UX designer with a special passion for design systems and high-complexity use cases. With 8 years in the field and the last 3 in B2B/B2E contexts, he is always looking for a tough nut to crack.
He believes design systems can both drive strategy and build community, and is using his role to establish user journeys and custom components that span multiple teams and products. When time permits he offers workshops to enable non-designers to employ user-centric, iterative thinking in their own approach.
He is a nerd both in and outside of the workplace, and can often be found at medieval markets or out in the wild, identifying herbs in the underbrush.
Time:
CEST
11:00 PM
BST
10:00 PM
EDT
5:00 PM
PDT
2:00 PM
Frequently
Asked
Questions
What does Personal Access mean? Can I share my access with others?
With your personal conference ticket you will get exclusive access to the live conference and all of our recordings. The personal access allows for single-session logins per account, preventing simultaneous access from multiple devices.
How can I generate an invoice?
How do I get access to the live stream?
When will the recordings be available?
Frequently Asked Questions
What does Personal Access mean? Can I share my access with others?
With your personal conference ticket you will get exclusive access to the live conference and all of our recordings. The personal access allows for single-session logins per account, preventing simultaneous access from multiple devices.
How can I generate an invoice?
How do I get access to the live stream?
When will the recordings be available?
Figma Variables
How to create variable themes for multi-platform
CEST
11:00 PM
BST
10:00 PM
EDT
5:00 PM
PDT
2:00 PM
In this talk we’ll show you how to get the most out of Figma variables. What if you could use them not just to change colours and fonts, but scale entire interfaces for different devices and platforms?
Learn how to set up a design tokens architecture in Figma that will allow you to introduce additional themes and modes – whether you’re already serving multiple brands or platforms or simply want to be prepared for the future. We‘ll also show you how to keep structured, tidy UI kits and be ready for any question during dev hand-off.
What you will learn:
- How we’ve structured our UI kits and optimised our hand-off-ready design specs
- How to set up your Figma variables structure for flexibility in terms of modes, platforms or brands
- How to introduce additional themes and modes without breaking existing structures, and what pitfalls to avoid
Who is this for:
Designers whose systems serve multiple platforms, anyone currently building their system in Figma, and anyone looking to learn from the mistakes others have made before them
Presented by:
Franziska Haaf
Design System Designer, REWE digital
Franziska is a senior UX designer (focussing on design systems) with 10 years of professional experience in the IT industry who, in addition to her focus on human-machine interaction, also has programming experience and therefore often acts as an intermediary. While working as a UX generalist, she found her passion for design systems and focussed on them.
In her spare time, she is involved in a FLINTA* cycling association and paints TCG cards.
Vincent Schlothauer
UX Designer, REWE digital
Vincent Schlothauer is a senior UX designer with a special passion for design systems and high-complexity use cases. With 8 years in the field and the last 3 in B2B/B2E contexts, he is always looking for a tough nut to crack.
He believes design systems can both drive strategy and build community, and is using his role to establish user journeys and custom components that span multiple teams and products. When time permits he offers workshops to enable non-designers to employ user-centric, iterative thinking in their own approach.
He is a nerd both in and outside of the workplace, and can often be found at medieval markets or out in the wild, identifying herbs in the underbrush.
Figma Variables
How to create variable themes for multi-platform
MAY 30
11:00 PM
to
12:00 AM
CET
In this talk we’ll show you how to get the most out of Figma variables. What if you could use them not just to change colours and fonts, but scale entire interfaces for different devices and platforms?
Learn how to set up a design tokens architecture in Figma that will allow you to introduce additional themes and modes – whether you’re already serving multiple brands or platforms or simply want to be prepared for the future. We‘ll also show you how to keep structured, tidy UI kits and be ready for any question during dev hand-off.
What you will learn:
- How we’ve structured our UI kits and optimised our hand-off-ready design specs
- How to set up your Figma variables structure for flexibility in terms of modes, platforms or brands
- How to introduce additional themes and modes without breaking existing structures, and what pitfalls to avoid
Who is this for:
Designers whose systems serve multiple platforms, anyone currently building their system in Figma, and anyone looking to learn from the mistakes others have made before them
Presented by:
Franziska Haaf
Design System Designer, REWE digital
Franziska is a senior UX designer (focussing on design systems) with 10 years of professional experience in the IT industry who, in addition to her focus on human-machine interaction, also has programming experience and therefore often acts as an intermediary. While working as a UX generalist, she found her passion for design systems and focussed on them.
In her spare time, she is involved in a FLINTA* cycling association and paints TCG cards.
Vincent Schlothauer
UX Designer, REWE digital
Vincent Schlothauer is a senior UX designer with a special passion for design systems and high-complexity use cases. With 8 years in the field and the last 3 in B2B/B2E contexts, he is always looking for a tough nut to crack.
He believes design systems can both drive strategy and build community, and is using his role to establish user journeys and custom components that span multiple teams and products. When time permits he offers workshops to enable non-designers to employ user-centric, iterative thinking in their own approach.
He is a nerd both in and outside of the workplace, and can often be found at medieval markets or out in the wild, identifying herbs in the underbrush.
Time:
CEST
11:00 PM
BST
10:00 PM
EDT
5:00 PM
PDT
2:00 PM
Frequently Asked Questions
What does Personal Access mean? Can I share my access with others?
With your personal conference ticket you will get exclusive access to the live conference and all of our recordings. The personal access allows for single-session logins per account, preventing simultaneous access from multiple devices.
How can I generate an invoice?
How do I get access to the live stream?
When will the recordings be available?
