Start designing with UI kits

Before you Start

Who can use this feature

Available on any plan 

Anyone with can edit access to a Figma Design file can use UI kits

UI kits are a set of libraries curated by Figma and partners. UI kits contain high-quality components, styles, variables, and example screens to kick-start your designs, even if you don’t have a design system of your own. They behave just like any other library in Figma, in that you can pull assets onto your canvas directly from the Assets tab.

Unlike other Community resources, updates to UI kits are automatically available in your design files where you have the option to accept the updates.

Each UI kit also supports Code Connect for those on Professional, Organization, and Enterprise plans, so you can grab code to assets at any time.

There are four UI kits available:

• Material 3 Design Kit by Google
• Simple Design System by Figma
• iOS and iPadOS 26 UI kit by Apple
• iOS and iPadOS 18 UI kit by Apple*

*The iOS and iPadOS 18 UI kit is not enabled by default but can still be added to design files from the Libraries modal or the Figma Community.

Add UI kits to a file

UI kits are automatically enabled on Starter teams. They are optionally available for Professional, Organization, and Enterprise plans. Admins may toggle access to UI kits for their team or organization.

You can add UI kits to a design file from the Libraries modal or from the Figma Community.

From the Libraries modal

1. Select the Assets tab in the left sidebar.
2. Click Libraries to open the Libraries modal.
3. Select UI kits in the sidebar.
4. Click Add to file next to the UI kit you want to enable in the file. To remove from the file, click Remove.

Once enabled, you can access the UI Kit from the Assets tab of the left sidebar. From there, you can browse through components, swap instances, and customize component variants before inserting.

From the Figma Community

You can also access UI kits from the Figma Community.

1. Open the Community page for the UI kit that you want to use.
2. Click Open in Figma.
3. From the prompt window, choose an option:
   • Use UI Kit in a new file: Adds the UI Kit to a new design file. If you belong to one or more team or organization, you’ll be asked to choose a space to create a new draft.
   • Make a copy of this file: Creates a copy of the UI kit so you can edit its assets or browse the design system. If you belong to one or more team or organization, you’ll be asked to choose a space to create a new draft.

Receive updates

Updates to UI kits are managed by the UI kit authors. If an author publishes updates to their UI kit, you’ll have the option to accept the updates from within individual design files.

To view and accept updates to a UI kit, check the Library updates modal from any design file.

Manage access to UI kits (admins only)

Admins can control the level of access to UI kits for their team or organization in two different ways:

• A global setting to enable or disable the UI kit feature for an entire team or organization (paid plans only)
• Individual settings to toggle specific UI kits on or off for a team 

Toggle UI kits globally

If you’re a team admin for a Professional team or admin for an organization, you can toggle the UI kits feature globally for your entire team or organization.

When the UI kits feature is disabled globally, you won't be able to add individual UI kits to files and their assets won't be discoverable. However, team members can still make a copy of UI kits from the Community and use the assets from the duplicated file.

1. Open your team or organization space in the file browser.
2. Click Admin from the left sidebar.
3. Open the Settings tab, and go to Resources > UI kit.
4. Use the toggle to enable or disable the UI kits feature. This setting applies to all files within the team or organization.

Toggle individual UI kits for a team

Team admins can toggle individual UI kits from their team’s default libraries settings. These settings apply to all files within the team by default.

When an individual UI kit is disabled, assets from the UI kit are still discoverable and team members can still add the UI kit to a file for use.

If your team is part of an organization or is on a Professional plan, UI kits will need to be enabled globally in order for to access individual settings.

1. Open your team in the file browser.
2. Open the dropdown next to the team name and click View settings.
3. From the settings modal, go to click View team libraries.
4. Open the UI kits tab.
5. Use the dropdowns next to the UI kit’s name to turn it on or off. These settings apply to all files within that team.