ADOBE XD

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

1.コンプリートプラン3ヶ月半額キャンペーン

現在、Adobe公式にてコンプリートプランをお得に利用できるキャンペーンが期間限定で開催中!

コンプリートプランを最初の3ヶ月50%引きで利用できるので、この機会に利用を始めてみてはいかがでしょうか。

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

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

2. Firefly 早期アクセスキャンペーン

Adobe Fireflyの動画生成機能リリースを記念して、3/15(土)までの期間限定でFireflyプレミアムプランが特別価格となっています。

1,580円/月〜

Adobe Fireflyの詳細についてはこちら

https://firefly.adobe.com

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を活用するのがおすすめです。

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