この記事は2分で読めます

【XD】テキストを分割「Split Rows」プラグイン

  • 投稿日
  • 更新日
【XD】テキストを分割「Split Rows」プラグイン

改行されたテキストレイヤーを1行ごとに分割してくれるプラグインを紹介します。

文章をコピペで持ってきた時などに使える機能です。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

Split Rowsの使い方

STEP
プラグインのインストール

まずはプラグインをインストールします。

インストール方法は下記を参照してください

あわせて読みたい
【XD】よく使うおすすめのプラグイン 【】 まずはプラグインのインストール方法を説明します。 STEP XDを開き、メニューのプラグインから[プラグイン参照...]をクリック STEPプラグインを検索する 最初のペ...
STEP
分割方法

プラグインメニューからSplit Rowsを選択すると分割方法が2種類出てきます。

Split SimpleSplit Preserve Appearanceです。

Split Simple

文章の形式によって分割の仕方が変わります。

固定サイズ

固定サイズを選んでいるときは改行ごとにスペース幅を揃えてくれます

高さの自動調整

高さの自動調整を選んでいるときは改行ごとにスペース幅を揃えてくれます

この場合テキストが重なってしまう場合があります

幅の自動調整

幅の自動調整を選んでいる場合は全ての文が分割されます

Split Preserve Appearance

Preserve Appearanceとは、「見た目を維持」という意味です。

固定サイズ

改行ごとにそのまま分割します。

高さの自動調整

固定サイズと同じく、改行ごとにそのまま分割します。

幅の自動調整

幅の自動調整を選んでいる場合は全ての文が分割されます。

まとめ

デザインをするときにワイヤーフレームから文章をコピペした時に使える便利なプラグインです。

Split Preserve Appearanceの方がどの文章形式でもそのまま分割してくれるので、おすすめです。ぜひ活用してみてください。

この記事を書いた人

デザインバウム運営局
デザインバウム運営局

企業のWeb担当者の方とWeb制作に関わる方にとって、ためになる情報を発信していきます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須