Apple has released iOS 17 and iPadOS 17 resources to the Figma community. Just as we provided the package files for the sketch, we shared Apple's platform design to Figma. It feels like it has been recognized that Figma is the basic program for digital product design.

Apple Design Resources ui template
Apple Design Resources © Apple

👁️ Designer Eye

There are many Apple resources that are essential when designing products. Instead of taking a screenshot or browsing the community to find it, the latest files are now in one place.

From basic elements such as text and color to system interfaces and complex components. There are several templates that you can use when you need to express when your app uses system elements, such as alerts, sheets, and Face ID. In particular, notification templates, The keyboard has always been hard to find, but it's easy to use. Elements such as home screen backgrounds and device bezels are also useful.

Apple Design Resources Keyboard ©Apple
Apple Design Resources © Apple
Apple Design Resources Navigation ©Apple
Apple Design Resources © Apple
Apple Design Resources Notification ©Apple
Apple Design Resources © Apple

SF Symbols and SF Pro are required to display properly. In the future, it is said that it will add components such as Apple Pay, App Clips, and Shortcuts for iOS and iPadOS. Going further, Sonoma, watchOS 10, tvOS as well as visionOS will be added.

Apple Design Kit Button Library
Apple Design Resources © Apple
Apple Design Kit Typography
Apple Design Resources © Apple
Screen Template
Apple Design Resources © Apple

📕 Editor's Notes

It has always been inconvenient to write 'I use the OS system', but now it's easier to record the user's actual experience in Figma. When designing a system, it is important to record and design the user experience as much as possible, which is good news.

It is also significant that it is the actual work file of a company that leads the world's digital product design grammar. There is a lot to learn from the files of the company that even controls the device on which the virtual design is displayed. It is good not only to use the template set by Apple, but also to get a glimpse of the way and standards for distinguishing colors and fonts. In addition to providing a detailed legal code for an ecosystem that meets the guidelines, providing a framework that can be used right away seems like a good strategy.

More and Sources

Similar posts

recent posts

Design Compass Newsletter

Every Tuesday morning, curated by a designer with 16 years of experience
A collection of inspiring news, trends and articles.

popularity

ios18-official-01
iOS 18 정식 출시: 드디어 통화 녹음이 된다.
figma-visual-refresh-01
완전히 바뀐 피그마: 탁월하고 직관적인 브랜드 새로고침
musinsa-desktop-quit-01
무신사 PC 버전 종료: 넘쳐 버린 개발 부채

Design Compass Academy

thumbnail-course-list-ux
UX Design Class: UX Design for Selected Services
ui-design-main-mobile
UI Design Class: Learn the essence of an interface that will never change

Latest news

figma-visual-refresh-01
ios18-official-01
national-identity-card-01
applewatch10-01
airpod4-01
iphone16-01
telegram-ceo-arrest-01
twitch-brand-refresh-01