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

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

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

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.

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.

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.

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.

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 ...

Human Interface UI Kit

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.

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.

Explore thousands of high-quality apple design system images on Dribbble. Your resource to get inspired, discover and connect with designers worldwide.

Native architecture, a sense of playfulness, and the new design combine to make this workout tracker feel cleaner and crisper. By making smart use of the toolbar and scroll-edge effects, GrowPal now offers much more space for data, while maintaining its sharp-yet-minimal identity. ... A shining example of thoughtful minimalism, this sun-tracking app uses the new design to keep all actions within easy reach, and focus on the data people care most about.

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...

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.

Apple Ul design kits for Figma and Sketch are now available for iOS and iPadOS 26.Apple Design Resources

A consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices.