ICYMI, we recently added product bezels to the Apple Design Resources page! All are properly sized to match native device resolution. Also included a Keynote file with bezels preconfigured for the new live video video feature!🔥🔥🔥
Well, it's finally, finally happened. We've just shipped an Apple Design Resources design kit for Figma. iOS 17 and iPadOS 17 with more coming soon on
@figma
:
👋SF Symbols 3 is out now! 600+ new symbols, new color rendering modes, workflow optimizations, custom symbol improvements, and more localization options! Watch
#WWDC21
in the Developer app for more info. 🎨🎆
Big Apple design news: We redesigned the Apple Human Interface Guidelines. It's now a single unified HIG, tons of content updates, completely reorganized, improved search, related video links, and more. Way more coming later this summer and year!
#WWDC22
(1/5) Big updates to the Apple Design Resources! We’ve updated the iOS and iPad OS Sketch and XD resources to iOS 15. Colors, updated Home Screen, widgets, notifications, keyboards, table views, wheel of time pickers, buttons, and more.
🙌 We've added a 9 new design templates for Figma: Apple Pay, App Clips, Live Activities, iMessage apps and sticker packs, Sign in with Apple, App Shortcuts, Tap to Pay, Tip Kit, and Wallet!
For all Apple Design Resources, go here!
MASSIVE new update for the Apple Human Interface Guidelines. We've added lots of new content for visionOS. It's mostly spread around various pages existing pages but there are some new ones, too. The best place to get started is right here.
👋 We've updated the macOS Apple Design Resources for macOS 12! Big change for Adobe XD (which was still 10.15). Tons of additions and tweaks including new and revised colors, control size and layout refinements, moved to the latest SF Pro, and more.
Oh hey! We've published our
#macOS
Big Sur design kit!
@Sketch
only for now. Includes control, bars, menus, lists, view and system elements. Plus system colors palette, materials, and text styles. And a desktop design template to boot!
SF Symbols 2 has arrived! Now with 2,400 symbols, multiple colors, customizable collections, and more. Be sure to check out the
#WWDC20
video "SF Symbols 2" this Friday.
#SFSymbols
#UI
#Design
We've now added PNGs for most of the product bezels. Thanks for all the requests for versions for the most common design tools. We'll try adding more as time permits!
ICYMI, we recently added product bezels to the Apple Design Resources page! All are properly sized to match native device resolution. Also included a Keynote file with bezels preconfigured for the new live video video feature!🔥🔥🔥
New
#accessibility
#design
guidance for Apple platforms in the HIG!
#Inclusive
apps best practices; enhancing the VoiceOver UX; making appearance and motion effects more accessible; guidance for gestures, haptics, controls, text, color, content and more!
New Apple Human Interface Guidelines page about inclusive design for apps and games. We will also have two great sessions about Inclusive design tomorrow at
#WWDC21
. Watch in the Developer app!
We've added a Sketch Library with all* of the Apple Product Bezels on the Apple Design Resources page.
👇👇👇
☝️☝️☝️
*Left out a couple laptop bezels that require screenshots with a perspective transform effect applied.
👋iOS 16 Design kit for
@Sketch
and
@AdobeXD
just dropped. Updates for iPhone 14, Lock Screen widgets, new keyboards, menus, popup table row, iPad nav bar, new Activity View headers, and dozens of other additions, updates, and enhancements.
First full tvOS design kit for the Apple Design Resources now available. Includes all system components, materials, text styles, templates... the whole kit and caboodle!
(
@sketch
only for now.)
Super excited about this... We now have Apple Design Resources for
#macOS
in Aqua💙 and Dark Aqua🖤. Available for
@sketchapp
and
@Photoshop
. Read more here:
Massive update to the
#Siri
section of the Human Interface Guidelines went live yesterday! If you're working on adding Siri support to your app, this is a must-read.
🗣️📱🥳
You should almost never use “No” and “Yes” for buttons in a confirmation dialog. Seriously, every time you see No/Yes it should be considered a bug.
In this case, I’d suggest “Cancel” and “Unlink Dropbox”. The button labels should be descriptive verbs.
cc/
@primatelabs
The
@sketch
iOS 13 Apple Design Resources now live.
• Nav Bar layout improvements
• Font tracking improvements
• Updated activity view
• 5 options segmented control
• Minor updates to System Gray and Background colors
• Many minor bug fixes
Recommend using with v58
The macOS 11 Apple Design Resources has new templates for App Icons, Document Icons, and Feature icons (the icons you see on the left side of System Preferences). The full macOS Big Sur UI kit is coming later this summer.
#wwdc20
#icons
#macOS
Big update to iOS Apple Design Resources: We’ve added iPad UI elements and templates! Update your Sketch Libraries and download new files.
#AppleDesignResources
In case you haven't launched SF Symbols in the past couple days... The FCS version of SF Symbols 4 is out now. SF Symbols 4 has over 1000 new symbols (well over 4400 total)! 😲
Hey everyone! We've updated the
@figma
iOS17 / iPadOS17 library to add support for text-only buttons and a few other minor fixes.
...and added a App Icon Production Template:
Got some new Apple Design Resource updates to share!
💥 Apple Watch S10, Ultra 2, iPhone 16 bezels.
💥 Updated Sketch iOS UI Kit for iPhone 16 Pro.
💥 Updated macOS and visionOS 2 UI kits.
💥 ...new Camera Control design template for Sketch!
We are looking for a writer for Apple’s Human Interface Guidelines. Are you an excellent writer with a gift for explaining design and technical concepts with clarity and simplicity? If so, apply today! 🍎✍️🚨💯
App icon production templates for Dark and Tinted app icons? Yep, we got you covered! 👊
Also be sure to read the new content about Dark and Tinted app icons in the Human Interface Guidelines:
#WWDC24
🚨 Go to to download the SF Symbols 1.1 update 🚨
Version 1.1 adds custom symbol validation, a new sidebar with categories for faster browsing, and the option to receive updates automatically.
If you participated in
#WWDC21
in any way, please take 5 minutes (or less) to share your thoughts! We really do care deeply about what you think of the conference, your feedback is invaluable to us!
A beautiful end to a remarkable day at Apple Park. Thanks to all the amazing developers who traveled from all over to be with us today. It was so great to see you again!
#WWDC22
In case you missed it, my team is looking for a Content Director to head up content production for Apple Developers. You'll play a key role in shaping how Apple educates the world about app design, engineering and other key topics.
There's a new version of the San Francisco and New York fonts available for download now. This Friday, there will be an awesome video about what's changed and how to get the most out of our system fonts: "The details of UI typography"
Customized Winamp skins played a massive role in influencing and training a generation of software interface designers. Those of us who got started in the mid 90s / early aughts.
years ago most people used winamp to listen to mp3s on their computer. but there was another program, sonique, that supported skins with transparency and altering object placements. so the internet made hundreds if not thousands of unusable and incomprehensible skins for it
We also recently updated all
@sketchapp
Apple UI Design Resources to include color profiles and added Display P3 versions for the app icon, iMessage app icon, and promotional image production templates.
Updated and expanded guidelines for Sign in with Apple in the HIG including new content about collecting and displaying data and creating left-aligned and logo-only buttons.
(Deleted similar tweet with wrong URL, here's the real link)
The iOS 14 design kits for
#Sketch
and
#Photoshop
have been updated. They include
#Siri
#Shortcut
templates, updated home screens, and numerous fixes and improvements.
We have some great
#WWDC20
design videos lined up for later this week! You can see the schedule in the Developer app. Find the "Design
@WWDC
" collection in the WWDC tab.
@mergesort
@justJS_dev
@CastIrony
The HIG will be updated soon. SF Symbols app is the truth. Books, phone and email related symbols are no longer restricted.