ADOBE XD

【無料】Adobe XDで使えるUIキットを入手できるおすすめサイト3選 2021年版

Adobe XDで開いて編集できるカスタマイズ可能なUIデザインが入手できるサイトを紹介していきます。

完成度が高く、デザインのヒントになるようなものも多いので有効的に活用していきましょう。

Adobe XDのデザイン作業や勉強を進めるうえで、あると役立つUIキットを無料で入手できるサイトを紹介します。

今回紹介するのはこちらの3つです。

1. Adobe XD公式サイト

2. Behance

3. Let’s XD

それぞれについて詳しく説明していきます。

Adobe XDの公式ページの中に無料でダウンロードできるUIキットが色々と紹介されています。

AppleのiOSやmacOS用のデザインキットや、GoogleのUIキットなどもまとめられているので開発に関わる方などはとりあえず抑えておきたいところです。

Adobe XDからUIキットをダウンロードする

https://www.adobe.com/jp/products/xd/features/ui-kits.html

上記のページ下部には30種類近くのUIキットがテーマ別に紹介されており、こちらも無料で入手できます。

バウハウスの巨匠がデザインしたUIキットなどもあるので実際にダウンロードして触ってみると面白いです。

BehanceはAdobeのデザインSNSです。

世界中のデザイナー達がAdobeアプリを利用した様々な作品を公開しており、クオリティがかなり高いものが集まっています。

検索で「UI kit」と打てば色々と出てきて無料でダウンロードできるものもかなり見つかります。

BehanceからUIキットをダウンロードする

https://www.behance.net

作品を眺めているだけでも良いインスピレーションを受けられるのでBehanceはおすすめです。

公式が出しているAdobe XDのチュートリアルサイトLet’s XDにも無料でダウンロードできるUIキットがあります。

しかもアニメーションがデザインされた状態のデータをダウンロードできるのでプロトタイプデザインの参考・勉強にもなります。

Let’s XDからUIキットをダウンロードする

https://letsxd.com/states

英語ですがAdobe XDの解説動画もかなりわかりやすいのでめちゃくちゃおすすめです。

Let’s XDの動画をみて練習すればAdobe XDの機能はだいたい使いこなせるようになるレベルです。

Adobe XDのUIキットを無料で入手できるサイトについて紹介してきました。

無料で入手できますが、どの程度までの利用範囲がOKなのかはしっかり確認して利用しましょう(特にBehanceのもの)。

自分でUIキットを作りたい場合はIllustratorを活用するのがおすすめです。

併せて読んでみてください。