iOS Apps

Apple UI Design Resources include Photoshop, Sketch, 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.

For design guidance, see Human Interface Guidelines > iOS.

Download for Photoshop

iOS 11 (665.0 MB)

Download for Sketch

iOS 11 (37.2 MB)

Download for Adobe XD

iOS 11 (7.7 MB)

Augmented Reality

Use the AR glyph and AR badges to indicate and launch AR experiences in your app’s UI. Usage of these resources should adhere to the design guidance in Human Interface Guidelines > Augmented Reality.

Download

iOS 11 (64.2 KB)

watchOS Apps

Apple UI Design Resources for watchOS include Photoshop and Sketch 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.

For design guidance, see Human Interface Guidelines > watchOS.

Download for Photoshop

watchOS 4 (32.8 MB)

Download for Sketch

watchOS 4 (15.7 MB)

tvOS Apps


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

For design guidance, see Human Interface Guidelines > tvOS.

Icon and Image Templates

Use these templates as starting points for preparing images for Apple TV. Templates are provided for app icons, Game Center images, top shelf images, and more. Some templates include safe zone areas to help position content for optimal viewing during focus and parallax. The app icon template has a recommended safe zone, which is fairly conservative, to ensure content isn’t cropped too tightly.

Download for Photoshop

(2.1 MB)

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 2014 or later and macOS 10.9.0 or later.

Download for Windows

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

CareKit Apps

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

For design guidance, see Human Interface Guidelines > CareKit.

Download for Photoshop

(3.5 MB)

Download for Sketch

(910.2 KB)