Figma: Slot Settings with Guardrails for Component Design Systems

Sharper Controls for Component Slots

Figma expanded its Slots feature on June 1, 2026, with a new layer of settings that let design system authors define guardrails and default behaviors on any slot, making components easier to use correctly without requiring separate documentation or one-on-one guidance.

Slots, which went into open beta in March 2026, are flexible areas inside components where designers can add, remove, or rearrange content directly within an instance without detaching from the main component. With this update, Figma extends the Slots concept from a structural mechanism into a more opinionated design system governance tool.

What's New in Slot Settings

Layer Count Constraints

Design system authors can now set minimum and maximum layer counts for any slot. These act as advisory guardrails rather than hard stops: Figma will surface a warning if a designer exceeds the limits, but work is never blocked. This is particularly useful for patterns like navigation menus (minimum 3 items, maximum 7) or avatar stacks (maximum 4 faces) where going outside the range breaks intended visual logic.

Preferred Instance Enforcement

The existing preferred instances concept gets a new companion toggle: the ability to restrict a slot to preferred instances only. Previously, preferred instances served as suggestions in the insertion picker. Now, design system authors can signal that a slot accepts only specific components from the curated list, encoding component-level decisions about what belongs in a given slot without requiring naming conventions or documentation overhead.

Empty Slot Visibility

A practical addition for teams building and reviewing libraries: enabling display empty slot by default makes empty slots permanently visible on the canvas as pink box indicators, instead of requiring a hover interaction to reveal them. Library authors can see at a glance which slots in a component remain unpopulated during construction and review.

Auto-Fill Default

Authors can also configure a slot to automatically apply Fill container resizing on the counter-axis, the axis perpendicular to the slot's flow direction, so that inserted content stretches to fill available space by default. This removes a common manual step when adding content to slots and ensures inserted layers behave consistently with the intended layout.

Availability

All slot settings are available across all Figma plans for anyone with edit access to a design file. Settings are configured through the right panel's Properties section by clicking Edit slot property on the relevant slot. These settings are listed as generally available.

Why This Matters for Design Systems

Together, these four settings shift Slots from a pure flexibility tool toward a composability governance layer. Design system maintainers managing libraries used by dozens or hundreds of designers now have a way to express intent inside the component itself rather than in external documentation. A slot that says insert 1-3 badge components from the approved set communicates its contract to every designer who opens the panel, regardless of whether they have read the written guidelines.

This brings Figma's component model closer to how front-end component APIs work in code, where props have types, limits, and permitted values, a direction Figma has been pursuing through the Slots, Code Connect, and Variables systems introduced over the past year.