https://developer.apple.com/design/resources/ [ ] * Global Nav Open Menu Global Nav Close Menu * Apple Developer Search Developer Cancel * Apple Developer * Discover * Design * Develop * Distribute * Support * Account * [ ] Cancel [ ]Limit search to Human Interface Guidelines Quick Links 5 Quick Links [ ] Human Interface Guidelines Open Menu Close Menu * Overview * Resources * Videos * What's New Apple Design Resources Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources. SF Symbols With over 2,400 configurable symbols, SF Symbols is designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Each symbol comes in a wide range of weights and scales that automatically align with text labels, and supports Dynamic Type and the Bold Text accessibility feature. You can also export symbols and edit them in vector graphics editing tools to create custom symbols with shared design characteristics and accessibility features. View the SF Symbols design guidelines [sf-sy] Download SF Symbols 2.1 November 20, 2020 macOS 10.15.3 or later (152.9 MB) iOS and iPadOS 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. View the iOS design guidelines [file-] iOS 14 and iPadOS 14 Sketch Library January 28, 2021 102.2 MB (Requires Sketch 70 or greater) [file-] iOS 14 and iPadOS 14 Sketch Kit January 28, 2021 89.6 MB [file-] iOS 14 and iPadOS 14 XD Kit January 28, 2021 147.7 MB [file-] iOS 14 and iPadOS 14 Photoshop Kit (Beta) July 29, 2020 917 MB --------------------------------------------------------------------- [file-] iOS 13 and iPadOS 13 Sketch Library February 14, 2020 (v33) Requires Sketch 58 or greater [file-] iOS 13 and iPadOS 13 Keynote Kit July 29, 2020 10.9 MB To download iPhone and iPad device frames for use when marketing your app, see App Store Marketing Guidelines. macOS 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. View the macOS design guidelines [file-] macOS 11 Sketch Library April 23, 2021 31.2 MB, Requires Sketch 71 or greater [file-] macOS 11 Sketch Kit April 23, 2021 27.8 MB, Requires Sketch 71 or greater [file-] macOS 11 Photoshop Kit (Beta)* August 3, 2020 4.5 MB *Only icon production templates updated for macOS 11 [file-] macOS 11 XD Kit (Beta)* October 23, 2020 8.4 MB *Only icon production templates updated for macOS 11 --------------------------------------------------------------------- [file-] macOS 10.15 Photoshop Kit June 3, 2019 3.9 MB [file-] macOS 10.15 XD Kit July 29, 2020 4.3 MB watchOS 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. View the watchOS design guidelines [file-] watchOS 5 Sketch Library July 29, 2020 3.3 MB, Requires Sketch 51 or greater [file-] watchOS 5 Sketch Kit July 29, 2020 4.3 MB [file-] watchOS 5 Photoshop Kit July 29, 2020 38.9 MB [file-] watchOS 5 XD Kit October 23, 2020 9 MB To download watchOS device frames for use when marketing your app, see App Store Marketing Guidelines. tvOS 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. View the tvOS design guidelines [file-] tvOS 14 Sketch Library January 26, 2021 (7.4 MB) Requires Sketch 70 or greater [file-] tvOS 14 Sketch Kit January 26, 2021 (12.9 MB) [file-] tvOS 14 XD Kit April 13, 2021 (9.8 MB) [file-] tvOS 14 Photoshop Kit January 26, 2021 (1.3 MB) 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. View Parallax Previewer User Guide [paral] 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. [file-] Download for macOS Requires Adobe Photoshop CC 2015.5 or later and macOS 10.9.0 or later. [file-] Download for Windows Requires Adobe Photoshop CC 2015.5 or later and Microsoft Windows 7 with Service Pack 1 or later. Technologies Add Apple Watch Face Use the Add Apple Watch Face button to enable installing Apple Watch Faces from your iOS app, watchOS app or website. [dmg-6] Download July 29, 2020 (2.0 MB) --------------------------------------------------------------------- AirPlay Use the AirPlay glyph when referring to AirPlay in setup or instructional text within your app. View the AirPlay design guidelines [dmg-6] Download July 29, 2020 (1.3 MB) --------------------------------------------------------------------- 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 [dmg-6] Download July 29, 2020 (1.3 MB) --------------------------------------------------------------------- CarPlay The Apple Design Resources for CarPlay apps include Sketch and Photoshop type tables, as well as fonts. View the CarPlay design guidelines [file-] Download for Sketch July 29, 2020 (2.2 MB) [file-] Download for Photoshop July 29, 2020 (1.4 MB) --------------------------------------------------------------------- Game Center 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. [dmg-6] Download July 29, 2020 (1.6 MB) --------------------------------------------------------------------- Apple Health Use the Apple Health icon in your app that supports HealthKit. View the HealthKit design guidelines [dmg-6] Download July 29, 2020 (1.2 MB) --------------------------------------------------------------------- HomeKit Use the HomeKit glyph when referring to HomeKit in setup or instructional text within your app. View the HomeKit design guidelines [dmg-6] Download July 29, 2020 (1.3 MB) --------------------------------------------------------------------- Sign in with Apple Use the provided Apple logos to design Sign in with Apple buttons that use left-aligned logos or that display a logo only. View the Sign in with Apple design guidelines [dmg-6] Download July 29, 2020 (1.3 MB) Marketing Imagery A variety of imagery is available for use when marketing your app. Follow all usage guidelines. iOS, macOS, tvOS, watchOS App Store Badges Apple Product Images Includes device frames. Apple News Follow on Apple News Badges Read it on Apple News Badges Apple Pay Apple Pay Mark Music, iTunes, and Podcasts Listen on Apple Music Badge Listen on Apple Music Lockup Apple Music Icon Apple Podcasts Badge iTunes Badge Wallet Add to Apple Wallet Badge Other Licensing and Trademark Imagery Includes device and technology icons. Developer Footer Developer 1. Design 2. Resources [ ] Discover Open Menu Close Menu * iOS * iPadOS * macOS * tvOS * watchOS * Safari and Web * Games * Business * Education * WWDC [ ] Design Open Menu Close Menu * Human Interface Guidelines * Resources * Videos * Apple Design Awards * Fonts * Accessibility * Localization * Accessories [ ] Develop Open Menu Close Menu * Xcode * Swift * Swift Playgrounds * TestFlight * Documentation * Videos * Downloads [ ] Distribute Open Menu Close Menu * Developer Program * App Store * App Review * Mac Software * Apps for Business * Safari Extensions * Marketing Resources * Trademark Licensing [ ] Support Open Menu Close Menu * Articles * Developer Forums * Feedback & Bug Reporting * System Status * Contact Us [ ] Account Open Menu Close Menu * Certificates, Identifiers & Profiles * App Store Connect To view the latest developer news, visit News and Updates. [] Copyright (c) 2021 Apple Inc. All rights reserved. Terms of Use Privacy Policy License Agreements