XDの無料素材を活用して、より優れたデザインをよりスピーディーに

Adobe XDの無料のUIキット、アイコンセット、プラグイン、アプリ連携などを活用して、UI/UXデザインを始めてみましょう。

ワークフローを加速し自動化するパワフルなプラグインです。

このプラグインをインストールするには、XDの最新バージョンが必要です。
 
Airtable
Airtable
提供元:Airtable
サンプルテキストは不要。UI文、画像などのデータを収録したAirtableデータベースから、実際のコンテンツを利用できます。

Trello
Trello

提供元:SoftServe, Inc.

Trelloに簡単にアセットを送信できます。XDの中で、グループ内でのアートボードとレイヤーの共有ができます。

UserTesting
UserTesting
提供元:UserTesting
XD内で画面デザイン、モックアップ、プロトタイプ用スタジオを作成し、顧客からその場でフィードバックが得られます。
Google表計算シート
Google表計算シート
提供元:Impekable
XDを使って、実際のコンテンツやデータでUXを強化、チームと一緒にダイナミックなデザインを作成します。

CloudApp
CloudApp
提供元:CloudApp
XDの中でアートボードとアセットのスクリーンショットを瞬時に共有します。作品を取り込み、安全なリンクで送信します。

Overflow
Overflow
提供元:Proto.io
わかりやすいユーザーフローダイアグラムのデザインと表示、共有ができます。

Stark
Stark
提供元:Stark
アクセシブル、倫理、インクルーシブに配慮したプロダクトをデザインし、構築できます。

Angle
Angle
提供元:Design+Code
奥行きのあるモックアップに画面を配置できます。数百ものスタイル、カラー、角度設定が可能です。

UI Faces
UI Faces
提供元:Aleksandar Tasevski
XD内でデザインモックアップ用のアバターを生成できます。

その他のプラグイン
Adjust Size by Shortcut
Adjust Size by Shortcut
提供元:littlebusters
キーボードショートカットでオブジェクトのサイズを調整できます。
App Icon Generator
App Icon Generator
提供元:Paolo Biagini
iOS、Android、UWP、XDの要件に従って、すべてのアプリアイコンのレンディションを書き出します。
Artboard for PDF
Artboard for PDF
提供元:Shingo Suzuki
PDFとして書き出せるアートボードを作成します。
Artboard Plus
Artboard Plus
提供元:Rodrigo Soares
アートボードをグリッド内に再配置し、名前別に並べ替え、または選択範囲用にアートボードを作成して、ワークフローをスピードアップします。
Astui
Astui
提供元:Astute Graphics
Astute Graphics for Adobe Illustratorの「Smart Point Removal」などの機能を使い、XDで描画または配置したベクター画像を最適化し、クリーンアップします。

Bluescape
Bluescape
提供元:Bluescape
XDの中でBluescapeビジュアルコラボレーションプラットフォームとインターフェイスで接続します。デザインをワークスペースに直接書き出し、コメントを受信して対応して、画像を作業中の文書に読み込みます。

大文字/小文字の変更
大文字/小文字の変更
提供元:Paolo Biagini
テキストの大文字と小文字を変更できるコマンドタイプのプラグインです。
Color Ranger
Color Ranger
提供元:QooQee
明るさ、彩度、色相、色深度をワンクリックで調整します。表示テーマをライトグレーかダークグレーにカスタマイズしたり、独自のものを作成したりすることができます。Color Rangerはキャンバス上で選択したすべてのものに適用できます。

Confetti
Confetti
提供元:YummyGum
見栄えのいいConfettiパターンはXDからワンクリックで入力できます。

Copy CSS to Clipboard
Copy CSS to Clipboard
提供元:Copy CSS to Clipboard
CSSコードをテキストスタイル、カラー、グラデーションなどのクリップボードにすばやくコピー。これは200行未満のコードが含まれるオープンソースのプラグインです。
Copy SVG Code
Copy SVG Code
提供元:Charlie Hield
選択範囲からすばやくSVGコードを生成します。
Data Populator
Data Populator
提供元:Precious Design Studio
サンプルテキストは不要。「Hello JSON」などのサンプルテキストを生成できます。デザインドキュメントに意味のあるデータを挿入します。

Design Hunt
Design Hunt
提供元:Talkabout Design, LLC
デザインにランダムなインスピレーション画像を挿入します。1つのシェイプの塗りと複数の塗り選択をサポートしています。

Dribbble
Dribbble
提供元:Dribbble
Dribbbleコミュニティで直接クリエイティブプロセスを共有できます。個人またはグループとして投稿、ショットのスケジュール設定など、多数の機能があります。

Experience Generator
Experience Generator
提供元:Unykvis
選択した機器およびエクスペリエンス用のアートボードのグループ全体を、各種機器の解像度に定義されたサイズですばやく生成します。
Frame Maker
Frame Maker
提供元:Paolo Biagini
Frame Makerは、選択したオブジェクトの周囲に長方形や円形のフレームを描画し、すべてをグループ化します。ボタン、ヘッダー、グリッドセルなどの作成に便利です。
GoProof
GoProof
提供元:GoProof
校正とプロトタイプの共同作業をGoProofエコシステムに取り込んで、アプリデザイナーやwebデザイナーが他のAdobe Creative Cloudメディアを使用してXD作品を管理できるようにします。
GuideGuide
GuideGuide
提供元:Cameron Mcefee
XD内で統一されたUIを使用し、グリッドをすばやく簡単に作成してガイドを操作します。

Icondrop
Icondrop
提供元:Iconscout
膨大な数の高品質なアイコン、イラスト、ストックフォトをXDに直接挿入します。
Icons
Icons
提供元:Icons
Font Awesome Pro Libraryを検索してアイコンを生成します。
iDoc
iDoc
提供元:Mockplus
デザインのドラフトをアップロードして、共同デザイン作業が可能なすべてのiDoc機能にアクセスします。
Ikono
Ikono
提供元:Paolo Biagini
このアイコンフォントには、約2,000個のシンボルと最大9個の文字の太さ、線と塗りつぶしの多数のパターンがあります。
Image Optimizer
Image Optimizer
提供元:Raja Shekar
Adobe XD内で画像を圧縮するツールです。
Inker8
Inker8
提供元:Inker8
デザインスペックを書き出します。位置の測定、CSSのコピー、アイコンの書き出し機能があります。
inMotionNow
inMotion Ignite
提供元:inMotion Now
inMotion Review内で作成したデザインとインタラクティブプロトタイプをルーティングし、承認証明ワークフローを直接XD内から効率化します。

Inspect
Inspect
提供元:Inspect
画像、カラー、スタイル、その他の情報をサイトから収集します。

Lightning Storm
Lightning Storm
提供元:Export Kit
Adobe XD、Photoshop、Illustrator、InDesignから、web、モバイル、デスクトップアプリを作成できます。

Lorem Ipsum
Lorem Ipsum
提供元:Pablo Klaschka
この小さなプラグインで、サンプルテキストをニーズに合わせて挿入できます。
Mimic
Mimic
提供元:Trendspurt GmbH
ライブwebサイトからワンクリックでカラー、フォント、モックアップのコンテンツを書き出し、既存のスタイルにもとづくUIを作成します。

Odin Chart
Odin Chart
提供元:Tyler Wolf
Adobe XDで直接カスタムデータの可視化をデザインできます。

Personas
Personas
提供元:Trendspurt GmbH
美しい、カスタマイズ可能な人物を様々なレイアウトと画像スタイルで容易に作成します。
PhotoSplash
PhotoSplash
提供元:QooQee
70,000人超の写真家から投稿された500,000枚を超える美しい著作権フリーの画像で構成されるUnsplashコレクションに、すべてXD内からアクセスできます。
Polygons
Polygons
提供元:Paolo Biagini
XD内でシンプルな多角形を作成するコマンドタイプのプラグインです。

QR Code Maker
QR Code Maker
提供元:Ten Agata
現在のドキュメントでQRコードを作成します。

Rename It
Rename It
提供元:Rodrigo Soares
レイヤーとアートボードの一括リネームにより、XDファイルを整理できます。

Resize Artboard to Fit Content
Resize Artboard to Fit Content
提供元:littlebusters
コンテンツの境界に合わせてアートボードをサイズ変更します。

Scribble
落書き
提供元:CanvasFlip Inc.
UIデザインとコピーライター間の共同作業のスピードアップを図ります。XDアートボードをクラウドと同期し、コピーライターを共同作業に招待して、ローカルXDファイルの最終版との間で再同期します。
Silicon Connector
Silicon Connector
提供元:Silicon Publishing, Inc.
アセットのXDからの書き出しとXDへのダウンロードが可能なパワフルなプラグインです。
Slope
Slope
提供元:Slope
デザイナーがSlopeのタスク一覧をXDで表示し、フィードバックや承認を依頼できます。

Style Mate
Style Mate
提供元:Florian Schulz
デザイントークンを作成し、デザイナーやデベロッパーと共有します。入力と同時にスタイルとトークンを適用できます。カラー、タイポグラフィ、サイズなどの変更もできます。

Text Toolbox
Text Toolbox
提供元:Pablo Klaschka
XDでテキストレイヤーを処理する、すばやく簡単な方法です。手間のかかる作業を自動化して、より多くの時間をデザインに
Typist
Typist
提供元:Giovanni De Andre
音符やマジックナンバーにもとづく美しいモジュール式タイポグラフィスケールを作成するタイポグラフィツールです。

Userlytics
Userlytics
提供元:Userlytics
ユーザーエクスペリエンステストをXDプロトタイプから容易に構成および作成して、ターゲットの人物を見たり聴いたりできるようにします。

Vizzycharts
Vizzycharts
提供元:Souheil Mechlawi
独自のデータを使用して、直接XD内ですばやくチャートを生成できます。ビジュアライゼーションのルック&フィールを制御できます。編集可能なXD要素を作成し、グループ化して整理できます。

Web Export
Web Export
提供元:Judah Frangipane
XDデザインを一般的なwebフレームワーク対応の機能付きHTMLに書き出せます。

Widgets for XD
Widgets for XD
提供元:PramUkesh
XD用スマートフォンでよく使われるプラグインを作成します。

World Ready
World Ready
提供元:アドビ
レイアウトを確認、プレビューし、組込み翻訳サービスにより、アートボードを複数の言語に翻訳します。Google翻訳とBingを利用する設定も可能です。

Yotako
Yotako
提供元:Yotako
XDデザインをリアルなモバイルアプリやwebサイトにたちまち変換します。デザインは、Swift、Android、HTML/CSS、Objective-Cなどのプログラミング言語で自動的に作成されます。
詳細を隠す

デベロッパーコミュニティに参加しましょう

XDプラグインのアイデアをお持ちですか?ぜひ実現してください。XDは皆さんのようなデザイナーとデベロッパーのために設計されたオープンプラットフォームです。作成したカスタムプラグインをコミュニティで共有し、UXデザインの未来を一緒に形作りましょう。