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

ここ数年間、モバイルアプリデザイナーのあいだで人気だったのは、主に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

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

Explord Free Adobe XD UI Kit

2. Education Web UI Kit for Adobe XD

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

Education Web UI Kit for Adobe XD

3. Dashboard UI Kit for Adobe XD

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

Dashboard UI Kit for Adobe XD

4. Pawtastic eCommerce UI Kit for Adobe XD

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

Pawtastic eCommerce UI Kit for Adobe XD

5. Cactaveae Free Web UI Kit

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

Cactaveae Free Web UI Kit

6. Free Dark Adobe XD Styleguide

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

Free Dark Adobe XD Styleguide

7. Adobe XD Free UI Styleguide

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

Adobe XD Free UI Styleguide

8. Wires Free Wireframe Kits for Adobe XD

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

Wires Free Wireframe Kits for Adobe XD

9. Free Mobile App Wireframe Kits for Adobe XD

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

Free Mobile App Wireframe Kits for Adobe XD

10. Adobe XD Desktop Wireflow Templates

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

Adobe XD Desktop Wireflow Templates

11. Webkit Wareframes for Adobe XD

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

Webkit Wareframes for Adobe XD

12. Tiny Miniature Wireframes for Adobe XD

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

Tiny Miniature Wireframes for Adobe XD

13. Free UI Elements for Mobile Apps

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

Free UI Elements for Mobile Apps

14. Material UI Kit for Adobe XD

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

Material UI Kit for Adobe XD

15. Navigo Transportation Free iOS Mobile UI Kit

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

Navigo Transportation Free iOS Mobile UI Kit

16. Cooin Crypto Free UI Kit

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

Cooin Crypto Free UI Kit

17. MyWeather Free Adobe XD Kit

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

MyWeather Free Adobe XD Kit

18. iOS11 App Store GUI

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

iOS11 App Store GUI

19. Free Mobile Booking Adobe XD UI Kit

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

Free Mobile Booking Adobe XD UI Kit

20. Free Finance Mobile App UI

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

ree Finance Mobile App UI

21. Free Adobe XD Collaboration App UI Kit

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

Free Adobe XD Collaboration App UI Kit

おわりに

いかがでしたか？

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

（著者：SPECKYBOY編集部　翻訳：Asuka Nakajima）