Adobe XD おすすめ無料キット21選まとめ【UI/UXデザイナー必見】

DESIGNER

ここ数年間、モバイルアプリデザイナーのあいだで人気だったのは、主にPhotoshopやSketchの2つでした。しかしその一方で、Adobe XDも静かに、しかし着々と人気を集めています。

2016年12月にリリースされ、2017年10月にベータ版を公式に発表したAdobe XD。他の主要なUI/UXデザイン&プロトタイプ設計ツールとの激しい競争に勝つために、絶えず新しい機能を追加しているのが特徴です。

Adobe XDは、こちらから無料でダウンロードできます。

今回は、無料で利用できるおすすめのAdobe XD UIキットを21個ご紹介します。無料のキットを使って、魅力的なWebサイトやモバイルアプリの制作に役立てましょう。

1. Explord Free Adobe XD UI Kit

AdobeXD-1

無料でありながら、ブログやポートフォリオサイトのデザインに必要なものがすべて揃っているのがこのキット。製作者はUIデザイナーであるDaumantas Banysです。

Explord Free Adobe XD UI Kit

2. Education Web UI Kit for Adobe XD

AdobeXD-2

Vivek Popatによって製作されたこのAdobe XD UIキットは、名前のとおり教育機関のWebサイトをすばやくデザインできるように設計されています。Adobe Photoshopでも利用可能です。

Education Web UI Kit for Adobe XD

3. Dashboard UI Kit for Adobe XD

AdobeXD-3

こちらのUIキットには、100以上のコンポーネントや15種類のデーターチャートテンプレート、10以上のページ(ホーム、ログイン、メール、チャット、カレンダーなど)が含まれています。

Dashboard UI Kit for Adobe XD

4. Pawtastic eCommerce UI Kit for Adobe XD

AdobeXD-4

eコマースやマーケティングのWebサイトをデザインしたいかたにはこちらのAdobe XD UIキットがおすすめ。35以上のUIエレメントだけでなく、15のワイヤーフレームテンプレートが無料で付いてきます。

Pawtastic eCommerce UI Kit for Adobe XD

5. Cactaveae Free Web UI Kit

AdobeXD-5

Blackphantが製作したこのクリーンなキットには、無料でありながらあらゆるタイプのWebサイトに対応したコンポーネントが豊富に備えられています。

Cactaveae Free Web UI Kit

6. Free Dark Adobe XD Styleguide

AdobeXD-6

Tyler Wainによって製作されたスタイルガイドテンプレート。Webデザインのプロジェクトにスピーディーに取り組みたい方におすすめです。

Free Dark Adobe XD Styleguide

7. Adobe XD Free UI Styleguide

AdobeXD-7

ライトバージョンとダークバージョンを選べるのが特徴のスタイルガイドテンプレート。多くのWebエレメントとそのステータスが含まれており、CSSフレームワークであるBootstrapを念頭に設計されています。製作者はふたつめにご紹介したキットと同じVivek Popatです。

Adobe XD Free UI Styleguide

8. Wires Free Wireframe Kits for Adobe XD

AdobeXD-8

こちらのAdobe XDワイヤーフレームテンプレートは、Webサイトやモバイルアプリのプロトタイプをスピーディーにデザインしたい方におすすめです。合計170のモバイルテンプレート、90のWebテンプレート、240のコンポーネント、178のアイコンが含まれています。

Wires Free Wireframe Kits for Adobe XD

9. Free Mobile App Wireframe Kits for Adobe XD

AdobeXD-9

Ce Ali Omarによって製作されたこのシンプルな無料キットは、モバイルアプリのアイデアをすばやく形にできるように設計されています。

Free Mobile App Wireframe Kits for Adobe XD

10. Adobe XD Desktop Wireflow Templates

AdobeXD-10

こちらのAdobe XDキットには、eコマースサイトやアドミンダッシュボードなどのためのタイルデザインが豊富に揃えられています。

Adobe XD Desktop Wireflow Templates

11. Webkit Wareframes for Adobe XD

AdobeXD-11

Vladimir Nikitinによって設計されたこのAdobe XDキットを使えば、Webサイトのレイアウトのプロトタイプをスピーディーにデザインすることが可能です。

Webkit Wareframes for Adobe XD

12. Tiny Miniature Wireframes for Adobe XD

AdobeXD-12

Adobe XDとSketchに対応したこちらの無料のミニチュアタイルテンプレートは、UIデザイナーのHannah Milanによって製作されたものです。

Tiny Miniature Wireframes for Adobe XD

13. Free UI Elements for Mobile Apps

AdobeXD-13

こちらのAdobe XDスターターUIキットは、モバイルアプリのデザインに最適です。Meagan Fischerによって設計されました。

Free UI Elements for Mobile Apps

14. Material UI Kit for Adobe XD

AdobeXD-14

Emma Drewsによるこのキットは、無料でありながらAdobe XD、Sketch、Photoshopの3つの形式に対応しています。

Material UI Kit for Adobe XD

15. Navigo Transportation Free iOS Mobile UI Kit

AdobeXD-15

iOSモバイルアプリをデザインするならこちらのキットがおすすめ。カスタマイズ可能な60以上のスクリーンを無料で利用できます。

Navigo Transportation Free iOS Mobile UI Kit

16. Cooin Crypto Free UI Kit

AdobeXD-16

こちらは、暗号通貨(仮想通貨)をテーマにしたデザインフローが含まれている無料キットを探している方におすすめです。Webサイトやモバイルアプリのデザインに必要なフォーム要素、グラフ、チャートなどが含まれています。

Cooin Crypto Free UI Kit

17. MyWeather Free Adobe XD Kit

AdobeXD-17

モバイルアプリをスピーディーにデザインするためのミニマルなUIキット。製作者はMark Vasylievです。

MyWeather Free Adobe XD Kit

18. iOS11 App Store GUI

AdobeXD-18

モバイルUIデザイナーであるRanish Chirayliが製作したこのテンプレートには、スクリーンがわずか3つしかありません。しかし数が少ないからこそ、その完成度の高さは一度見る価値ありです!

iOS11 App Store GUI

19. Free Mobile Booking Adobe XD UI Kit

AdobeXD-19

Kasper Christensenによって設計されたキットです。シンプルながらも現代的に洗練されたデザインが魅力。

Free Mobile Booking Adobe XD UI Kit

20. Free Finance Mobile App UI

AdobeXD-20

こちらのキットはMithun Rayによって製作されました。送金アプリなどのUIに最適化されています。

ree Finance Mobile App UI

21. Free Adobe XD Collaboration App UI Kit

AdobeXD-21

シンプルで汎用性の高いキットです。Edwin Delgadoによって製作されました。

Free Adobe XD Collaboration App UI Kit

おわりに

いかがでしたか?

一言にAdobe XD UIキットといっても、教育機関に特化したもの、ミニマルなデザインのものなど、それぞれに特徴や強みがあります。自分のニーズにあった無料キットを選んで、理想的なデザインを実現しましょう。

(著者:SPECKYBOY編集部 翻訳:Asuka Nakajima)

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ