![image_tooltip 実際によく使うプラグイン](https://design-baum.jp/files/2022/07/image13-1024x466.png)
目次
プラグインのインストール方法
まずはプラグインのインストール方法を説明します。
![XDを開き、メニューのプラグインから[プラグイン参照...]をクリック](https://design-baum.jp/files/2022/07/image10-1.png)
最初のページでも人気のプラグインが並んでいます。
検索するときは、左のすべてのプラグインを検索から入力してください。
インストールは入手ボタンを押すだけです。
![プラグインを検索する。](https://design-baum.jp/files/2022/07/image7-4-1024x697.jpg)
インストールプラグインは2箇所で確認ができます。
1箇所目は上のメニューのプラグインをクリックするとインストールしたプラグインが並んでいます。
2箇所目は左下のアイコンをクリックで出てきます。どちらか使いやすい方で使用してください。
![インストールされたか確認する。_1箇所目](https://design-baum.jp/files/2022/07/image10-2.png)
![インストールされたか確認する。_2箇所目](https://design-baum.jp/files/2022/07/image14.jpg)
おすすめプラグイン
Resize Artboard to Fit Content
![image_tooltip Resize Artboard to Fit Content](https://design-baum.jp/files/2022/07/image2-3.png)
アートボードのサイズをコンテンツに合わせてくれるプラグインです。手動で合わせると1pxズレたりすることがありますが、そのようなミスがこのプラグインでなくなります。
ウェブサイトデザインをすると使わない時がないくらい使用頻度の高い、とても便利な機能です。ショートカットもありcontrol + Fでプラグインメニューを開くことなく一瞬でリサイズしてくれるのでおすすめです。
![image_tooltip Resize Artboard to Fit Content_プラグインメニューを開くことなく一瞬でリサイズ](https://design-baum.jp/files/2022/07/image8.jpg)
![](https://design-baum.jp/files/2022/11/Tips_19-300x169.jpg)
Split Rows
![image_tooltip Split Rows](https://design-baum.jp/files/2022/07/image15.png)
改行されたテキストレイヤーを1行ごとに分割してくれるプラグインです。
コピペでテキストを持ってきたときや、複数のタイトルを打ち込まないといけない時に改行だけしておけばワンクリックで分割してくれるので、とても便利な機能です。
ワイヤーフレームからコピペしてきた文章に使える拡張機能です。
![image_tooltip Split Rows_ワイヤーフレームからコピペしてきた文章に使える拡張機能](https://design-baum.jp/files/2022/07/image4-6-1024x257.png)
![](https://design-baum.jp/files/2022/11/Tips_22-300x169.jpg)
Remove Decimal Numbers
![image_tooltip Remove Decimal Numbers](https://design-baum.jp/files/2022/07/image11-1.png)
作成したオブジェクトの小数点を切り捨ててくれるプラグインです。
デザインをしていると気づかないうちに小数点になっていることがあります。
最後に一括して小数点を切り捨てて整数にしてくれるので、とても便利な機能です。
![image_tooltip Remove Decimal Numbers_最後に一括して小数点を切り捨てて整数にしてくれるので、とても便利な機能](https://design-baum.jp/files/2022/07/image3-10-1024x379.jpg)
![](https://design-baum.jp/files/2022/06/XD_02-–-10-300x169.jpg)
Icons 4 Design
![image_tooltip Icons 4 Design](https://design-baum.jp/files/2022/07/image5-3.png)
5000以上のアイコンから検索が可能で、簡単に読み込むことができるプラグインです。
検索方法は英単語のみですが、ウェブサイトでよく使用するアイコンは限られているので、すぐに覚えると思います。よく使うのは「ARROW(矢印)」です。
外部サイトからアイコンをダウンロードしてこなくてもいいので、作業の時短になります。
SVGデータで色やサイズの変更も可能です。
![image_tooltip Icons 4 Design_SVGデータで色やサイズの変更も可能](https://design-baum.jp/files/2022/07/image6-4.jpg)
![](https://design-baum.jp/files/2022/11/Tips_20-300x169.jpg)
Pixels
![image_tooltip Pixels](https://design-baum.jp/files/2022/07/image18.png)
写真を選択して挿入できるプラグインです。
ウェブサイトをデザインしているとデザインをスタートしたときは写真素材が揃っておらず、後から提供されることがよくあります。
そんなときに、XD内で画像を検索してすぐに挿入できるので、すごく便利なプラグインです。
![image_tooltip Pixels_XD内で画像を検索してすぐに挿入できる](https://design-baum.jp/files/2022/07/image1-5.jpg)
![](https://design-baum.jp/files/2022/11/Tips_23-300x169.jpg)
Unsplash Random Image
![Unsplash Random Image](https://design-baum.jp/files/2022/07/image16-1.png)
写真を自動で選択して挿入してくれるプラグインです。
ワンクリックで自動で選んでくれるので、デザインカンプなどで一時的に画像を複数枚用意する時に便利な機能です。
![image_tooltip Unsplash Random Image_デザインカンプなどで一時的に画像を複数枚用意する](https://design-baum.jp/files/2022/07/image12.jpg)
![image_tooltip Unsplash Random Image_デザインカンプなどで一時的に画像を複数枚用意する_結果](https://design-baum.jp/files/2022/07/image9-1.png)
![](https://design-baum.jp/files/2022/07/Tips_21-300x169.jpg)
まとめ
今回は実際に使う頻度の高いXDのプラグインを紹介しました。
他にもたくさんのプラグインがあります。いろいろ試しながら自分に合った使いやすいプラグインを探してみてください。
プラグインを入れすぎると使いたい時に見つけにくくなるので、使わないものはアンインストールするのがおすすめです。