UI ThingsUI Things
  • Search
  • News
  • Strategy
  • Tactics
  • Research
  • Tools
Subscribe
  1. Home
  2. Categories
  3. Tools

Apple's Official iOS and iPadOS 27 UI Kit for Figma

Apple has published an official iOS 27 UI kit and iPadOS 27 UI kit for Figma as part of Apple Design Resources. It gives designers a current, accurate set of na

Updated July 14, 20262 min read
Apple’s iOS and iPadOS 27 UI kit for Figma

Apple's Official iOS and iPadOS 27 UI Kit for Figma

Apple has published an official iOS 27 UI kit and iPadOS 27 UI kit for Figma as part of Apple Design Resources. Updated around June 23, 2026, it gives designers a current, accurate set of native iOS and iPadOS components to build iPhone and iPad mockups, flows, and interface concepts without rebuilding the basics by hand.

It's an official Apple Figma UI kit, released alongside Apple's iOS and iPadOS 27 design kits for Sketch. One thing worth being clear about: this is a design resource, not the UIKit development framework. It helps you design accurate screens in Figma — it doesn't ship code.

What's included

The kit covers the standard building blocks you'd expect from a first-party system:

  • Common controls and views
  • Design templates for iPhone and iPad
  • Text styles, color styles, and materials
  • Layout-related resources for native-feeling screens

It's been updated for iOS and iPadOS 27, most notably with Liquid Glass refinements. Apple also calls out expanded component and state support, naming changes that better align with code, and improved resizing — all of which make the Figma iOS components quicker to drop in and adjust.

Why it's useful

Because it comes from Apple, the kit reflects current system behavior and the Liquid Glass design system rather than a third-party approximation. That means fewer guesses about spacing, states, and styling, and mockups that read as genuinely native.

The code-aligned naming and improved resizing also smooth out the path to handoff: components are easier to find, easier to adapt across screen sizes, and easier for developers to map back to the real system. For iPhone-and-iPad flows, having both platforms in one consistent kit saves a lot of cross-device setup.

Worth noting: a UI kit gets you accurate parts, but it isn't a substitute for Apple's Human Interface Guidelines. For production apps, follow the HIG for behavior, accessibility, and platform conventions.

Best for

  • App concepts and quick, realistic mockups
  • Redesigns of existing iOS or iPadOS apps
  • Building or extending a design system on a native foundation
  • Cleaner design handoff between design and engineering
  • Cross-device iPhone and iPad flows

Open the kit

The file is on Figma Community — open it, duplicate it to your drafts, and start designing.

Get Apple's iOS and iPadOS 27 UI Kit on Figma →

Tags
FigmaUI KitsiOSApple

Sources

Keep thinking with

ChatGPTPerplexityGrokClaudeGoogle
Edgaras Benediktavicius

Edgaras Benediktavicius

UI/UX Designer, Partner at Craftled

Partner at Craftled. UI/UX designer with 10+ years of experience connecting design and engineering on the web. Design systems expert. Independent product designer and developer building web solutions through indie hacking and bootstrapping. Currently designing mobile apps for top Danish clubs and building Nais - fastest website builder.

TwitterLinkedInWebsite
View Profile
523Views
Advertise here

Get the latest product news and behind the scenes updates.

Related Articles

Abstract 3D geometric objects on a circular platform
September 14, 2026

When Do Lottie Animations Beat CSS and Video?

A Lottie animation is a JSON description of a vector timeline, usually exported from After Effects.

Tomas Laurinavicius
Tomas Laurinavicius
Read
Laptop on a chair with a colorful desktop, vibe coding workspace
September 12, 2026

Vibe Coding: Skip the Diffs, Keep the System

Vibe coding is prompting an LLM until the software runs, accepting every diff, and skipping the code. Andrej Karpathy coined the phrase in February 2025.

Tomas Laurinavicius
Tomas Laurinavicius
Read
Chakra UI homepage
September 11, 2026

Chakra UI: Style Props, Theming, vs shadcn and MUI

Chakra UI is a React component system with style props and tokens. See v3 theming, why Emotion still runs, and when shadcn or MUI is the better 2026 pick.

Tomas Laurinavicius
Tomas Laurinavicius
Read
UI ThingsUI Things

Interfaces now and next, for product designers and design engineers.

TwitterLinkedInInstagram
Resources
Brand GuidelinesNewsletterAdvertiseAbout
Explore
CategoriesAuthorsTags
Legal
Privacy PolicyTerms of Service

Get the latest product news and behind the scenes updates.

2024-2026 © UI Things. Standing on the shoulders of giants.Epigraph Media NetworkPart of the Epigraph Media Network