애플의 UI 디자인 에셋 파일 무료로 사용하기

애플이 개발자들, 디자이너와 마케터들을 위해 무료로 디자인 에셋들을 배포하고 있어요

오늘은 피그마로 애플 리소스를 가져오겠습니다

 

1. 공식 디자인 리소스 페이지

아래 사이트에 접속합니다

https://developer.apple.com/design/resources/

Apple Design Resources

 

 

 

2. 원하는 디자인 에셋 선택

iOS 및 iPadOS도 있고, 아래로 쭉 내리면 맥북 OS도 있어요

저는 디자인 템플릿 중 피그마 파일을 선택했습니다

에셋 불러오기 혹은 다운로드를 클릭하고, 라이선스 정책에 동의합니다

 

혹시 피그마에서 해당 파일을 불러올 수 없다는 메세지가 뜬다면 WebGL 설정을 먼저 바꾸셔야 합니다

 

 

3. WebGL 설정하기 (피그마)

1. 크롬 창을 열고 설정 Settings 페이지로 이동합니다  chrome://settings/ 
2. 모양 Appearance 탭에서 페이지 확대/축소 Page zoom 가 100%로 설정되어 있는지 확인합니다

   

3. 시스템 System 탭에서 가능한 경우 하드웨어 가속 사용 Use hardware acceleration when available 를 활성화합니다

   

 

 

4. 애플 디자인 리소스 구경하기 👀

불러왔으면 어마어마한 애플의 디자인 리소스를 구경하고 활용하면 됩니다 :)

 

여기에는 맥, 아이패드, 키보드, 배경화면 등등 수많은 디자인 요소들이 있어요!