Apple Design Resources
Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources.
Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources.
With over 1,500 configurable symbols, SF Symbols is designed to integrate seamlessly with San Francisco, the system font for Apple platforms. SF Symbols comes in a wide range of weights and scales, perfectly aligns to text labels, and supports Dynamic Type and the Bold Text accessibility feature. You can also design custom symbols with the same design characteristics and accessibility features.
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.
To download iOS device frames for use when marketing your app, see App Store Marketing Guidelines.
Apple UI Design Resources for macOS include Sketch and Photoshop templates for Touch Bar glyphs.
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.
To download watchOS device frames for use when marketing your app, see App Store Marketing Guidelines.
Apple UI Design Resources for tvOS include icon and image templates, as well as tools for previewing layered image files and the parallax effect.
To download tvOS product imagery for use when marketing your app, see App Store Marketing Guidelines.
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.
Use the Parallax Exporter plug-in to preview a layered image while working in Adobe Photoshop.
Requires Adobe Photoshop CC 2015.5 or later and Microsoft Windows 7 with Service Pack 1 or later.
Use the AirPlay glyph when referring to AirPlay in setup or instructional text within your app.
Use the AR glyph and AR badges to indicate and launch AR experiences in your app’s UI.
The Apple UI Design Resources for CareKit apps include Photoshop and Sketch templates for designing Care icon glyphs.
The Apple UI Design Resources for CarPlay apps include Sketch and Photoshop type tables, as well as fonts.
Use the HomeKit glyph when referring to HomeKit in setup or instructional text within your app.
A variety of imagery is available for use when marketing your app. Follow all usage guidelines.
Music, iTunes, and Podcasts
Wallet
Other
Licensing and Trademark ImageryIncludes device and technology icons.