フリーのイラスト素材と
制作に役立つブログ情報サイト

Webデザイン制作のメインに「AdobeXD」を活用している方も多いのではないでしょうか。
デザインで文字を「縦書き」にしたいという事はありませんか？
Photoshopなら簡単にできた機能ですがAdobeXDでは縦書き・横書きを切り替える機能が実装されていません。かっこいい見出しや和風デザインでは「縦書き」のデザインを取り入れる機会も多いので、AdobeXDでもこの機能があればいいなと思っていました。
そんな時に見つけたのがこちら！

AdobeXD用 縦書き入力プラグイン「Tategaki for Adobe XD」

こちらのプラグインを使うと、AdobeXDでもワンクリックで縦書きをつくることができます！
まずは以下からダウンロードしてみましょう。

緑のボタンから「Download ZIP」でDL可能です。

ダウンロードしたzipファイルの拡張子をxdxに変更

サイトからダウンロードしたzipファイルの拡張子を「.xdx」に変更します。
ダウンロードしたZIPファイルは解凍しません！

拡張子を変更するとこのようにXDXファイルに変換されます。

変換したデータを開くとインストール完了！

拡張子を変更したデータを開くとプラグインのインストールができます。

Tategaki for Adobe XDの使い方

インストールが完了するとメニューの「プラグイン」に「Tategaki」の表示が追加されます。
縦書きにしたいオブジェクトを選択してこれを適用するだけで簡単に縦書きに変更されます！

とても簡単ですね！

句読点や改行などはうまく表示することが難しいかもしれませんが、
ちょっとした短文の縦書き表記などはこちらが活用できそうです！

Twitter

Facebook

Pinterest

Linkedin