We use cookies to ensure that we give you the best experience on our website. By continuing your visit on the website, you consent to the use of the cookies. If you want to find out more about the cookies we use, you can access our Privacy Policy.
Join us to learn how to Leverage your skills in Figma
About this event
This session will guide you through the basics of design tokens, using easy-to-understand explanations and step-by-step instructions. We’ll show you how to create tokens for common design elements like colors, text styles, and spacing. You’ll then see how these tokens can be used to ensure your buttons, cards, and other components look consistent throughout your designs. We’ll also cover simple strategies for naming and organizing these tokens within a Figma design system so that your designs remain easy to manage and adapt.
Whether you’re just starting with Figma or new to design systems, this session will help you build a solid foundation for efficient and cohesive designs.
Speaker
João Conceição
Design System Team Lead - OutSystems
Moderators
Ana Reis
ITUp
Head of Training | OutSystems MVP | OS Certified Trainer
Brief overview of what design tokens are.
Importance of design tokens in maintaining consistency.
6:20 PM
Creating Design Tokens in Figma
Demonstration on how to create tokens for colors, text styles, and spacing.
Discuss the use of built-in features and popular plugins that aid in token creation.
6:40 PM
Integrating Tokens into a Design System
Steps to incorporate tokens into your Figma design system effectively.
Naming conventions and organizational strategies for tokens.
7:00 PM
Applying Tokens
Discuss best practices for using tokens.
Show how to apply these tokens to various components and/or screens.
7:20 PM
Closing Remarks and Additional Resources
Summarize key points.
Provide resources for further learning.
7:25 PM
Q&A
7:30 PM
Break: Food & Drinks
Hosts
Olga Duarte
ForTrevo
CEO ForTrevo | OutSystems MVP
Ana Reis
ITUp
Head of Training | OutSystems MVP | OS Certified Trainer