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

URL: https://webrandum.net/figma-plugin-nisa-text-splitter/
公開日: 2022-02-26
更新日: 2022-02-26
カテゴリー: デザイン
タグ: Figma, Figmaプラグイン
出典: Webrandum（著者: サイトウ マサカズ）

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

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

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

![Nisa Text Splitter](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_1-14.png)

[![](https://www.google.com/s2/favicons?domain=www.figma.com)Figma![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.figma.com%2Fcommunity%2Fplugin%2F739048247603902878%2FNisa-Text-Splitter?w=160)Figmahttps://www.figma.com/community/plugin/739048247603902878/Nisa-Text-SplitterFigma Community plugin — Easy way to split your text/list into small text pieces.- Smart Split (horizontally and vertically)- Split with symbols or regex- Split to columns (Use 2 line-breakers to split column)- Split word- Group by alphabet- Keep styles after text splitting- Remove duplicates / Sort / Reverse / S...](https://www.figma.com/community/plugin/739048247603902878/Nisa-Text-Splitter)

Figmaの[プラグインインストールページ](https://www.figma.com/community/plugin/739048247603902878/Nisa-Text-Splitter)で「install」をクリックするだけでインストールされます。

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

![［Plugins］→［Nisa Text Splitter］](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_2-11.png)

## 「Nisa Text Splitter」の使い方

### パネルの表示

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

![Nisa Text Splitterのパネル](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_3-9.png)

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

### テキストを1行ごとに分割する

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

![1行ごとに分割](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_5-5.png) 

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

![「Join text」で再度合体](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_4-7.png)

### 1行開けたテキストごとに分割して横並び

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

![1行開けた状態のテキストを選択](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_6-4.png)

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

![複数行のまま分割して横並び](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_7-2.png)

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

### 文字ごとに分割

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

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

### 整列

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

- Vertical：縦並び

- Horizontal：横並び

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

### 選択テキストを並び変え

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

| 項目 | 内容 | メニュー名 |
| --- | --- | --- |

| Sort by alphabet | アルファベット順に並び変え | ［Nisa Sort］ |
| --- | --- | --- |

| Reverse | いまの並びを反対にする | ［Nisa Reverse］ |
| --- | --- | --- |

| Sort by length | 文字数の長さ順に並び変え | ［Nisa Sort by length］ |
| --- | --- | --- |

| Shuffle | 並びをランダムにシャッフルする | ［Nisa Shuffle］ |
| --- | --- | --- |

| Remove Duplicates | 重複しているテキストを削除する | ［Nisa Remove Duplicates］ |
| --- | --- | --- |

## Keyboard Maestroでショートカットキーを設定

Keyboard Maestroを使ってメニューを選択するショートカットキーを設定しています（Keyboard Maestroについて知らないかたは[こちらの記事](https://webrandum.net/keyboard-maestro/)をご覧ください）。

やっていることはメニューを選択するだけで、これですぐ分割できるようになります。

![Keyboard Maestroでショートカットキーを設定](https://webrandum.net/mskz/wp-content/uploads/2022/02/image_8-2.png)