Figma’s most anticipated feature is finally here: Slots. In this tutorial I break down the exact problem Slots solves, because if you’ve ever built a card, modal, or tab component, you’ve hit the same wall I show in the video: you can tweak text, colors, variants, logos… but the moment you want to add something new (like dropping a button inside a card instance), Figma used to basically say “nope.” The old workarounds were painful—either make a million variations (impossible to manage) or detach instances (which kills reusability). Slots change the game by turning nested frames inside a component into flexible “container” areas (that pink highlight) where you can drag and drop custom content. I walk through setting it up step-by-step: convert to a component, create a slot property, assign it to a nested frame, and set your Auto Layout rules so anything dropped in inherits the layout behavior (hug, padding, gaps, vertical stack, etc.). Then I show how you can build infinite configurations from one component. I also cover best practices like Preferred Instances, so other designers don’t turn your slot into chaos—set the allowed components, and they’ll get a clean + menu to insert only what you intended. And yes, you can retrofit older components by converting a parent frame to a slot, or wrapping layers into a new slot when you don’t have a frame yet.