Using Slots in Figma

A Slot is a narrow opening or groove that can be used for a variety of purposes. It can be a notch, depression, slit, or groove, and it is often used to improve air flow. Examples include copy desks with slots for the chief copy editor and football games that have a slot next to an opponent’s goal.

A slot is a type of data that has the same structure, syntax, keywords, choosers and properties as content types. They are a great way to model the content that you have on your website, app, or within an e-commerce system.

How Does a Slot Work?

A slot machine works by showing a set of symbols across some paylines. During the spin, these symbols appear randomly and a payout is made when a match is made.

The symbols can vary, but they typically include fruits, bells, and stylized lucky sevens. There are also bonus features that can increase your chances of winning.

Using Slots in Figma

The format and syntax of slot types are the same as those of content types, so they can be used to schedule, publish and consume the same type of data on your website or application. You can use slots to model the content that you have on your site or app, or create a slot to store other types of data in a separate repository.

A slot can be created by adding a placeholder, resizing property, and additional description to any component in your design system. The slot can then be added to a page, or it can be used to display a particular type of slot content in a different way.