Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Build design systems
  • Use libraries

Get started with Apple's UI kit

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Review and accept the license agreement for Apple Design Resources Review and accept the license agreement for SF Pro font (optional)

Before you Start

Who can use this feature

UI kits are available on all plans

You will need access to the SF Pro font to correctly use Apple’s UI kit

SF Pro font is available on MacOS only

UI kits are a set of libraries curated by Figma and partners (Google and Apple), optionally available from the assets tab in Figma Design files. UI kits contain high-quality components, styles, and example screens kick-start your designs, even if you don’t have a design system of your own.

In order to use iOS and iPadOS 18 UI kit, or any UI kits by Apple, you will need to:

  • ✅ Accept Apple’s end user licensing agreement (EULA)
  • ✅ Accept the SF Pro font (optional)

Review and accept the license agreement for Apple Design Resources

The first time you insert a component from Apple’s UI kit, you’ll be prompted to review the license agreement for using Apple Design Resources.

Select Agree to continue using Apple’s UI kit.

To download the license agreement document as a PDF, hover over the icon next to the UI kit in the Assets view, and click License Agreement for Apple Design Resources.

Review and accept the license agreement for SF Pro font (optional)

After accepting the Apple Design Resources licensing agreement, you’ll be prompted to review the licensing agreement for SF Pro font. This is not a requirement to use Apple’s UI kit.

Select Agree to use the font, and the SF Pro and SF Compact fonts will become available in Figma by default.

If you Disagree, you’ll be prompted to replace the font on the canvas with another one. If you change your mind and would like to use SF Pro and SF Compact, apply one of the fonts to a text layer. You’ll be prompted to review the licensing agreement.

If SF Pro or SF Compact is installed on your computer and available to use in Figma, then Figma will prioritize your font first.

Tip: If you want access to SF Mono or SF New York fonts, you can download them to your computer from Apple’s fonts page (macOS only).

  • You will need Figma's font installer if you’re using Figma in the browser. If you’re using Figma in the desktop app, the font installer is not needed.
  • If you’re an organization admin, you can add SF Pro as a shared resource for your entire organization. That way, SF Pro is available from all files of the organization, and individuals won't need to download and install the font on their own. Learn how to add a font to your organization.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Start designing with UI kits
  • Review and accept library updates
  • Detach an instance from the component
  • Create and insert component instances
  • Apply changes to instances
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand