Apple Design Resources
Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources.
With over 3,100 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Symbols come in nine weights and three scales, and automatically align with text labels. They can be exported and edited in vector graphics editing tools to create custom symbols with shared design characteristics and accessibility features. SF Symbols 3 features over 600 new symbols, enhanced color customization, a new inspector, and improved support for custom symbols.
Apple Design Resources for iOS and iPadOS include Sketch, Photoshop, and Adobe XD templates, components, colors, materials and type styles for designing iPhone and iPad apps. Icon and glyph production files are preconfigured to automate asset production.
To download iPhone and iPad device frames for use when marketing your app, see App Store Marketing Guidelines.
Apple Design Resources for macOS include Sketch templates, components, colors, materials and type styles for designing apps that match the macOS design language. Icon and glyph production files for Sketch, Photoshop and XD are also available and are preconfigured to automate asset production.
Apple 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.
Apple Design Resources for tvOS include components, design templates, and guides for colors, materials, and text styles (Sketch only). Icon and image production templates are available for both Sketch and Photoshop.
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 Add Apple Watch Face button to enable installing Apple Watch Faces from your iOS app, watchOS app or website.
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 Design Resources for CarPlay apps include Sketch and Photoshop type tables, as well as fonts.
Use the provided Game Center icons when linking to the Game Center dashboard within your game. Use the provided glyphs when linking directly to leaderboard, achievement, and profile sections of the dashboard.
Use the Apple Health icon in your app that supports HealthKit.
Use the HomeKit glyph when referring to HomeKit in setup or instructional text within your app.
iOS, macOS, tvOS, watchOSApple Product Images