Apple has released new iOS 18 and iPadOS 18 design resources for Figma. The design resources are available directly within Figma as UIKits.
Apple's iOS 18 and iPadOS 18 UI kit for Figma helps you quickly and easily create highly accurate iPhone and iPad design comps and user flows. The kit contains components for all common controls and views, design templates, text styles, color styles, materials, and layout guides.
● Color variables for all system colors with light, dark and dark elevated values
● Mode for switching between light, dark, and tinted app icons
● Updated app icon artwork
● Examples page for most system components and experiences
● New iPadOS floating tab bar
● Improved organization of instance properties for faster customization
● New Control Center and Lock Screen components with customizable controls
● See Change Log for full details.
Important: Make sure to install the latest version of SF Symbols before using this library.
In addition, Apple has announced SwiftUI support for Figma's Code Connect so you can now link your designs straight to Swift components. You can learn more about Code Connect here.
To find the Figma UI Kit, go to Community and search for iOS 18.
Please download the iClarified app or follow iClarified on Twitter, Facebook, YouTube, and RSS for more Apple updates!
Apple's iOS 18 and iPadOS 18 UI kit for Figma helps you quickly and easily create highly accurate iPhone and iPad design comps and user flows. The kit contains components for all common controls and views, design templates, text styles, color styles, materials, and layout guides.
New for iOS 18 and iPadOS 18:
● Color variables for all system colors with light, dark and dark elevated values
● Mode for switching between light, dark, and tinted app icons
● Updated app icon artwork
● Examples page for most system components and experiences
● New iPadOS floating tab bar
● Improved organization of instance properties for faster customization
● New Control Center and Lock Screen components with customizable controls
● See Change Log for full details.
Important: Make sure to install the latest version of SF Symbols before using this library.
In addition, Apple has announced SwiftUI support for Figma's Code Connect so you can now link your designs straight to Swift components. You can learn more about Code Connect here.
To find the Figma UI Kit, go to Community and search for iOS 18.
Please download the iClarified app or follow iClarified on Twitter, Facebook, YouTube, and RSS for more Apple updates!