Technical comments (1.X)

Wrapper components (1.0.0–1.7.0)#

This section is no longer relevant from 1.8.0 onwards, as Figma has since released native Slots, which the kit uses throughout from that version on.

Wrapper components such as cards, dialogs, sheets etc. present an interesting problem: we want to be consistent in our styling, but we also want to customise the content.

We are not a big fan of slot components, but also not a big fan of detaching. We’re hoping Figma takes note and finds some form of solution for this in the future, some kind of “native” slots?

Update January 2026: We are eagerly awaiting for Figma to release slot components.

To promote consistency, we went for slot components but this might take some time to wrap your head around. This video can help you to understand the concept.

In practice, most “slot content” in this file is marked with a ”.” in front of the layer name so it doesn’t get published. For the select & combobox component, the slot content is managed in a hidden layer that authors unhide while editing and then hide again once they are finished working. A similar approach is used in the example screens.