MENU
カテゴリー

【XD】プラグインのオススメ5選を紹介!

【XD】プラグインのオススメ5選を紹介!

takato(@n8takato)です!

XDのオススメなプラグインを知りたい

この記事は上記の課題に向けて作成しています。

XDは多くのプラグインがあります。

その中からweb制作にオススメなプラグインを紹介します。

この記事を読むメリット

  • XDのオススメなプラグインがわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナーとして勤務
  • webデザイナー3年目
  • web制作現場で学んだことを発信している人
目次

XDのオススメなプラグイン5選

早速オススメなプラグインを紹介します。

XDにオススメなプラグインは5つあります。

XDにオススメなプラグイン5選

  • Lorem ipsum
  • Unsplash Random Image
  • Remove Decimal Numbers
  • Tategaki
  • Copy CSS to Clipboard

Lorem ipsum

「Lorem ipsum」はダミーテキストを挿入出来るプラグインです。

任意の箇所に自動でダミーテキストを挿入してくれます。

ちなみに日本語には対応していないためテキストは英語になります。

「Lorem ipsum」はダミーのテキストを自動で入力してくれるプラグインです。
「Lorem ipsum」

Unsplash Random Image

「Unsplash Random Image」はダミーの画像を挿入出来るプラグインです。

XD内で画像検索が出来、その場でダミー画像を挿入することが出来ます。

「Unsplash Random Image」はデザイン上でダミー画像を挿入することが出来るプラグインです。
「Unsplash Random Image」

Remove Decimal Numbers

「Remove Decimal Numbers」はサイズから小数点が消えるプラグインです。

このプラグインを入れることでサイズから小数点が消えます。

※画像を書き出す際にサイズに小数点が含まれていると大きさが変わってしまいます。そのため手動で小数点を消す必要があります。「Remove Decimal Numbers」をインストールすると自動で消してくれます。

「Remove Decimal Numbers」は画像などの小数点を削除してくれるプラグインです。
「Remove Decimal Numbers」

「Remove Decimal Numbers」の使い方は下記の記事を参考にしてください。

あわせて読みたい
【簡単】AdobeXDで小数点を消す方法を紹介します! XDで図形や画像に小数点を出さない様に設定したい。 この記事は上記の課題に向けて作成しています。 XDでwebデザインを作成していると図形や画像に小数点が出てしまいま...

Tategaki

「Tategaki」は文字を縦書きにすることが出来るプラグインです。

XDの機能では文字を縦に書くことが出来ません。

上記のプラグインを導入することで縦書きが表現出来るようになります。

「Tategaki」は文字を縦書きにすることの出来るプラグインです。
「Tategaki」

「Tategaki」の使い方は下記の記事を参考にしてください。

あわせて読みたい
【2022年版】AdobeXDで文字を縦書きにする方法を紹介! XDで文字を縦書きにする方法を知りたい。 この記事は上記の課題に向けて作成しております。 現時点ではXDのデフォルト機能で文字を縦書きにする方法はありません。 その...

Copy CSS to Clipboard

「Copy CSS to Clipboard」はcssコードを生成出来るプラグインです。

選択した箇所のcssコードを自動で生成することが出来ます。

cssコードはコピペで済むためコーディングが早くなります。

「Copy CSS to Clipboard」は選択したデザインのcssコードを自動で抽出してくれるプラグインです。
「Copy CSS to Clipboard」

「Copy CSS to Clipboard」の使い方は下記の記事を参考にしてください。

あわせて読みたい
【AdobeXD】cssコードを自動で取得出来るプラグインを紹介! XDからcssコードを取得したい この記事は上記の課題に向けて作成しております。 XDではデータからcssコードを取得出来るプラグインがあります。 このプラグインを使うこ...

プラグインは少ない方が良い?

XDには他にも優れたプラグインがたくさんあります。

しかし多くのプラグインをインストールするとXDが重くなってしまいます。

※XDが重くなってしまうと途中でフリーズしたり勝手に落ちてしまうことがあります。結果的に作業スピードが遅くなってしまうこともあるので、導入するプラグインは少ない方が良いです。

5つくらいを目安にプラグインを導入してください。

本当に必要なプラグインのみ導入することをオススメします。

XDでオススメなプラグインは5つ!

最後にまとめです。

web制作をする上でオススメなプラグインは5つです。

XDにオススメなプラグイン5つ

  • Lorem ipsum
  • Unsplash Random Image
  • Remove Decimal Numbers
  • Tategaki
  • Copy CSS to Clipboard

上記5つのプラグインを導入することで制作時間を短縮出来ます。

まだ導入していない方は是非入れてみてください。

XDに関する他の記事はこちら

あわせて読みたい
【XD】プレゼンテンプレートを使おう!(Presentationプラグイン) webデザインの提案に使えそうな綺麗なプレゼン資料のテンプレートが欲しい。 この記事は上記の課題に向けて作成しています。 XDにはプレゼンテーションに特化したプラグ...
あわせて読みたい
【XD】PDFに書き出す方法を紹介! XDでPDFに書き出す方法を知りたい この記事は上記の課題に向けて作成しています。 web制作の現場ではXDで作成したデザインをPDFに書き出すことがあります。 XDでは簡単...
あわせて読みたい
【XD】文字を斜体にする方法を紹介! XDで文字を斜体にする方法を知りたい この記事は上記の課題に向けて作成しています。 デザイン内の一部のテキストを斜体にすることがあります。 XDでは簡単に文字を斜体...
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次