Figmaで複数行テキストを1行ずつ分割するプラグイン「Nisa Text Splitter」

2022年2月26日

デザイン作業で、もらった原稿を一気にペーストして、そこから並べて整理していくことがあります。

そんなときに、複数行のテキストを分割してくれるプラグインが「Nisa Text Splitter」です。

「Nisa Text Splitter」のインストール

Figmaのプラグインインストールページで「install」をクリックするだけでインストールされます。

インストールするとメニューの［Plugins］に［Nisa Text Splitter］が追加されます。

メニューの［Plugins］→［Nisa Text Splitter］→［Nisa Text Splitter］を選択すると、パネルが表示されます。

テキストを選択した状態で、このパネル上の項目をクリックすれば効果が適用されます。

複数行のテキストを選択した状態で、パネルの「Split text」もしくはメニューの［Plugins］→［Nisa Text Splitter］→［Nisa Split］を選択すると1行ごとにテキストが分割されます。

逆に複数のテキストを選択して「Join text」もしくはメニューの［Plugins］→［Nisa Text Splitter］→［Nisa Join］で再度くっつけられます。

下記のように、1行改行のみで開けた状態のテキストを選択して、パネルの「Column」もしくはメニューの［Plugins］→［Nisa Text Splitter］→［Nisa Column］で、1行開けたテキストごとに分割して、さらに横並びにしてくれます。

すると1行開けた部分で分割され、横並びになります。

この方法だと1行ごとに分割ではなく、複数行のまま分割できるので、原稿によって使い分けましょう。

自分の場合あまり使うことはなさそうですが、パネルの「Split word」をクリックすると1文字ずつ分割できます（これはメニューにはないので、パネルから選択する必要あり）。

改行があった場合でも、横1列で分割された文字が並びます。

パネルの「ALIGNMENT」部分で選択テキストやオブジェクトの整列ができます。

文字だけでなくオブジェクトも問題なく整列されるので、分割したあとのテキスト整列以外にも使えそうです。

分割したテキストを選択した状態で、パネルやメニューを選択すると、並び変えができます。