ADOBE XD

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

現在Adobe公式の2023年Black Fridayセール開催中!

コンプリートプランやIllustrator, Premiere Proなどの各種単体プランが最大38%引きで利用できるお得なセールです。

セール終了まであと5日、12月4日(月)まで開催中。購入予定の方はお早めに。

Adobe公式 2023年Black Fridayセールに関して詳しくはこちら

https://www.adobe.com/jp/creativecloud.html

セールではコンプリートプランであれば年間2万円以上、各種単体プランでも1万円以上安く利用できます。

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

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

1. Behance

2. Adobe XD公式サイト

3. Let’s XD

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

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

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

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

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

https://www.behance.net

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

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

Adobe XDの公式ページでのUI Kitの公開は終了しています。

Adobe XDからUIキット,プラグインに関して

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

AppleのiOSやmacOS用のデザインキット、GoogleのUIキットなどに関してはXDアプリ内メニューよりアクセスできるようになっています。

操作方法は上記リンクにも書かれています。

Adobe XDアプリホーム画面で、アドオン／プラグインを選択します。

Mac の場合：ファイル ／UI キットを取得

Windows の場合：ハンバーガーメニューを選択し、「UI キットを取得」を選択

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

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

Let’s XDのサイトは公開終了となりました。

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

https://letsxd.com/states

英語のページですがAdobe XDの解説動画もかなりわかりやすいのでおすすめでした。

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

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

自分でUIキットをデザインしたい場合はIllustratorを活用するのがおすすめです。

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