iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材
Post on:2018年11月28日
iOS 12のパブリックリリース版で使用されている全てのUI要素・スクリーンが収録された、Adobe XD, Sketch, Figma用の無料デザイン素材を紹介します。

ダウンロードできる素材は、3種類です。
- Adobe XD用
- Sketch用
- Figma用
利用にあたっては個人でも商用でも、クライアントのプロジェクトでもOKです。
詳しくは、ライセンスページをご覧ください。
iOS 12 GUIの中身を見てましょう。
iPhone XsとiPhone 8用のスクリーンが揃っており、それぞれ29種類のスクリーン、217種類のUI要素が収録されています。

iPhone Xsのスクリーン: iOS 12用のデザイン素材

iPhone Xsのスクリーン: iOS 12用のデザイン素材

iPhone 8のスクリーン: iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材
素材のダウンロードは、下記ページから。
右パネルの「Download」ボタンをクリックします。

登録済みの人はすぐにダウンロードできます。
未登録の人は要登録(無料)で、下部の「Creat Account」をクリックして登録してください。

ログイン画面
ダウンロードは、ファイルを直接ダウンロードとDropbox経由を選択できます。

ダウンロード画面
iOS 12 GUIに使用されているフォントは「San Francisco」です。持っていない人はこの機会にインストールしておくとよいかもしれません。

sponsors