ADOBE XD

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

INTRODUCTION

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

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

adobexd uikit cov
CONTENTS

>> Adobe XDのUIキットを入手できるサイト3選

 >> 1. Behance

 >> 2. Adobe XD公式サイト

 >> 3. Let’s XD

>> まとめ

>> デザイン関連記事

*目次をタップで各コンテンツに飛べます

Adobe XDのUIキットを入手できるサイト3選

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

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

1. Behance

2. Adobe XD公式サイト

3. Let’s XD

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

1. Behance

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

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

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

Screenshot 2021 01 06 at 16.00.58

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

https://www.behance.net

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

2. Adobe XD公式サイト

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

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

Screenshot 2021 01 06 at 16.19.18

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 キットを取得」を選択

3. Let’s XD

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

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

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

Screenshot 2021 01 06 at 15.52.14

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

https://letsxd.com/states

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

MATOME

まとめ

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

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

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

adobe illustrator cov 01

Adobe Illustratorでできること6選。

イラストレーターを使ってどのようなデザインが作れるのかを解説しています。

tamasdesign

ブログページトップに戻る

More of DESIGN

デザイン関連記事

デザイン関連の記事をピックアップして紹介します。

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

adobe cc sale cov 01

【2024年版】Adobe CCをセールで安く購入する4の方法

Adobe Creative Cloudを安く購入・利用する方法について説明します。

beststockphoto cov

【無料有料】おすすめフリー素材・画像サイト8選

商用利用もできるフリー素材を入手できるおすすめサイトを紹介しています。

adobestock cov

【超便利】Adobe Stockとは?利用する4のメリット

様々な素材が入手できるストックサイトAdobe Stockについて説明しています。

adobe illustrator cov 01

【2024年版】Adobe Illustratorでできる6のこと

Illustratorでできるデザインや機能について解説しています。

Adobexd cov 01 e1607605725216

【2024年版】Adobe XDでできる6のこと

Adobe XDでできるUI/UXデザインや機能について解説しています。

dimension cov 01 scaled e1607556909637

【2024年版】Adobe Dimensionでできる9のこと

Dimensionでできる3Dデザインや機能について解説しています。

Last Updated on 01/23/2023