This talk explores two advanced techniques that explores the absolute frontier of dynamic, context-aware design systems, hands-on.

First, we dive into contextual awareness, using variables to make components intelligently conform to their environments, including emphasis levels, size, brand , colorMode , type and much much more. By leveraging variables creatively, we can make component consumption more intuitive and self-regulating.

Second, we unveil the absolute best implementation of slot components, while most designers rely on basic instance swapping. Real slots—like those in web technologies—offer far greater flexibility. We will demonstrate the implementation of real <slots/> in Figma, while enforcing structural rules with a whitelist. With component composability + contextual awareness, you will be able to build the most cutting edge design systems in 2025 and beyond!

What you will learn:
- How to use variables for true contextual awareness, making components adapt automatically to their environment.
- A new approach to slot components in Figma that brings the flexibility of web-based slot mechanics + whitelist + ease of use.
- Practical techniques for enhancing reusability, increasing component adoption and reducing detachments in your design system.

Who is this for:
This talk is for design system architects, advanced Figma users, and front-end designers who want to bridge the gap between design and code. If you've ever felt constrained by Figma's built-in component system or wished for something next level, more intelligent, this talk will give you the exact tools you'll need to push beyond those limits