iOS

Apple UI Design Resources for iOS include Sketch, Photoshop, and Adobe XD templates, along with comprehensive UI resources that depict the full range of controls, views, and glyphs available to developers using the iOS SDK. These resources help you design apps that match the iOS design language. Icon and glyph production files are preconfigured to automate asset production using Sketch slices or Adobe Generator for Photoshop CC. Color swatches, dynamic type tables, and fonts are also included.

View the iOS design guidelines

Add iOS Sketch Library

iOS 12 (Requires Sketch 51 or greater)

Download for Sketch

iOS 12 (29.7 MB)

Download for Keynote

iOS 12 (32.9 MB)

Download for Photoshop

iOS 12 (720.8 MB)

Download for Adobe XD

iOS 12 (33.9 MB)

To download iOS device frames for use when marketing your app, see App Store Marketing Guidelines.

macOS

Apple UI Design Resources for macOS include Sketch and Photoshop templates for Touch Bar glyphs.

View the macOS design guidelines

Add macOS Sketch Library

macOS 10.14 (Requires Sketch 51 or greater)

Download for Sketch

macOS 10.14 (1.4 MB)

Download for Photoshop

macOS 10.14 (344 MB)

watchOS

Apple UI Design Resources for watchOS include Sketch and Photoshop dynamic type guides, layout specifications, app templates, Apple Watch bezels, and other UI materials. An installer for SF Compact, the system typeface for watchOS, is also included.

View the watchOS design guidelines

Add watchOS Sketch Library

watchOS 5 10.14 (Requires Sketch 51 or greater)

Download for Sketch

watchOS 5 (2.3 MB)

Download for Photoshop

watchOS 5 (534 MB)

To download watchOS device frames for use when marketing your app, see App Store Marketing Guidelines.

tvOS

Apple UI Design Resources for tvOS include icon and image templates, as well as tools for previewing layered image files and the parallax effect.

View the tvOS design guidelines

To download tvOS product imagery for use when marketing your app, see App Store Marketing Guidelines.


Parallax Previewer App for macOS

Use Parallax Previewer to preview layered Photoshop files, assemble individual image layers from PNG files and preview the parallax effect, or preview layered images exported by the Parallax Exporter plug-in.

Download for macOS

Parallax Previewer requires macOS 10.10.5 or later.


Parallax Exporter Plug-In for Adobe Photoshop

Use the Parallax Exporter plug-in to preview a layered image while working in Adobe Photoshop.

Download for macOS

Requires Adobe Photoshop CC 2015.5 or later and macOS 10.9.0 or later.

Download for Windows

Requires Adobe Photoshop CC 2015.5 or later and Microsoft Windows 7 with Service Pack 1 or later.

Technologies

AirPlay

Use the AirPlay glyph when referring to AirPlay in setup or instructional text within your app.

View the AirPlay design guidelines

Download

(199.8 KB)


ARKit

Use the AR glyph and AR badges to indicate and launch AR experiences in your app’s UI.

View the Augmented Reality design guidelines

Download

(176 KB)


CareKit

The Apple UI Design Resources for CareKit apps include Photoshop and Sketch templates for designing Care icon glyphs.

View the CareKit design guidelines


CarPlay

The Apple UI Design Resources for CarPlay apps include Sketch and Photoshop type tables, as well as fonts.

View the CarPlay design guidelines


HomeKit

Use the HomeKit glyph when referring to HomeKit in setup or instructional text within your app.

View the HomeKit design guidelines

Download

(236 KB)

Marketing Imagery

A variety of imagery is available for use when marketing your app. Follow all usage guidelines.