Design apps with official templates for Figma and Sketch, color guides, and more.

DesignSystems.surf helps you find Apple's Design System fast. Access UI guidelines, toolkits, and resources for iOS, macOS, watchOS, tvOS, and visionOs.

Arabic system font on Apple platforms. ... Designed with proportions that have been adjusted for a better visual balance in multilingual typesetting.

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

Your list of equipment begins with the Apple Design Resources, the building blocks of Apple design. The Apple Design Resources include the fonts, icons, product bezels, and other materials you’ll need to get started, as well as design templates for Figma, Sketch, Photoshop, and Keynote.

For example, components like tab bars, segmented controls, and sidebars all signal selection, navigation, and state in consistent ways— providing the same function and feedback cues, regardless of form.

Get tools, UI templates, and in-depth information for designing great apps that integrate seamlessly with Apple platforms.

Updated March 21, 2024 See the Change Log for details Apple’s official macOS design kit for Figma contains a comprehensive set of components, views, system interfaces, text styles, color styles, and materials. All the core ingredients you need to quickly create highly realistic macOS app ...

1 week ago - It also shines in system experiences, such as the Lock Screen, Home Screen, notifications, Control Center, and more. The new material, Liquid Glass, combines the optical qualities of glass with a fluidity only Apple can achieve, as it transforms depending on the content or context. Driven by the goal of bringing greater focus to content that’s instantly familiar, Apple’s design team considered every aspect of Apple’s platforms to identify improvements that could be made across the board.

It is available for free on the Figma Community page: https://www.figma.com/community/file/829741575478342595/iOS-14-Design-System · Sketch App Sources: Sketch App Sources provides a variety of templates and UI kits specifically designed for Apple's platforms.

People depend on their iPhone to help them stay connected, play games, view media, accomplish tasks, and track personal data in any location and while on the go.

April 22, 2023 - In 2013, Apple made a significant shift in its design language by introducing flat design. Flat design simplified the user interface by removing the gradients, shadows, and textures of skeuomorphic design. The introduction of flat design marked a new beginning in the Apple design system.

Grouping helps people to understand the relationships between elements, and it is key for giving a design structure. Now, while we all understand this, many apps don't effectively use grouping. It can be easy to overlook. Now, let's take a look at a couple of examples of how proximity and grouping can be used to structure a design, and establish relationships between controls and the objects or views that they affect.

Human Interface UI Kit

February 26, 2024 - The Notes app on the iPhone is an excellent example of applying this recommendation. It is simple, easy to use, and utilizes plenty of white space to focus on the essential: your text. ... Choosing which information to display on the screen and how to present it is crucial. It is important to consider visual hierarchy when making these decisions. In this example, the formatting tools are hidden until the user clicks the button to reveal them. The Foundations category provides crucial design elements for creating great user experiences.

iPhone design guidelines for UI elements, typography, navigation, design patterns, and more · Downloadable resources · iPhone Figma template

Updated January 21, 2025 See the Change Log for details Apple’s initial visionOS design kit for Figma contains a comprehensive set of UI components, views, system interfaces, text styles, color styles, and materials. All of the core ingredients you need to quickly create highly realistic visionO...

Learn how to use and customize system-defined components to give people a familiar and consistent experience.