こんにちは。sitoです。

XDでテキストの縦書き入力、したいと思ったことはありませんか?
残念ながら、XDではまだ縦書きができません。

それでも、縦書きしたい!というときに手助けしてくれるプラグインをご紹介します。

プラグイン「Tategaki for Adobe XD」

最初に断っておきますと、本当に縦書きができるようになるプラグインではないです。

何をしてくれるプラグインかというと、

「1クリックでテキストを1文字ずつ改行」してくれるプラグインです。

Tategaki for Adobe XDをインストールすると、「プラグイン」メニューに「テキストを縦書きにする」という項目が追加されます。

20181112_02.png

テキストを選択した状態で、その項目をクリックすると、

20181112_03.png

縦書きにしてくれます。

1文字ずつ改行しているわけなので、複数行だと難しいですし、句読点や長音記号などが困るのは変わらないです。
しかしながら、短いテキストであれば、今現在はこの方法で乗り切っていたので、1クリックで出来るようになるのは便利だなぁと。
(むしろ、複数行の縦書きができるなどの、いいプラグインが他にあれば知りたい。。。)

▼ダウンロードはこちらから
https://github.com/ashryanbeats/tategaki-for-xd

zipをダウンロードしたら解凍せずに、拡張子を「zip」→「xdx」に書き換えてください。
書き換えたファイルをダブルクリックすれば、XDにインストールできます。
インストールすると、「プラグイン」メニューに「テキストを縦書きにする」という項目が追加されます。

別案:CCライブラリ経由で縦書きのテキストを挿入する

複数行の縦書きとか、原稿に何度も修正が入る場合は、今思いつく限りではこちらのやり方の方が良いかと思います。

まずはPhotoshopなど別のツールでテキストを作成。

テキストをライブラリに登録。

XDデータに挿入する。

修正が入ったときはPhotoshop側でテキストを更新すれば、XDの方も更新されます。

20181112_04.gif

ただこの方法の場合、コーダーさんにデータを引き渡す際にはコピペ用の原稿やフォントサイズの指定など、別途伝える必要がありそうですね。
コーダーさんとライブラリ共有が可能な環境であればそれでもいいかもしれません。

なんにせよ手間なので、XDが縦書きの対応してくれることを祈ります。

Source: バシャログ

よろしかったらシェアお願いします