【Adobe XD】和欧混植を実現するMixed FontTypeプラグインを作りました

Adobe XDで

font-family:Lato, "Noto Sans JP", sans-serif;

というような文字組が設定できればいいのに…

ということで、XDで混植を実現するプラグインを作りましたので使い方のご紹介です。

Mixed FontType プラグインの使い方

Mixed FontTypeプラグインのページはこちらです

STEP1. 対象となる3種類のテキストオブジェクトを用意

• 和欧混植したいテキスト
• 和文用のフォントを設定したテキスト
• 欧文用のフォントを設定したテキスト

STEP2. 和文・欧文それぞれのフォント情報をプラグインで取得

• 欧文書体を設定したテキストを選択し、GET EN Fontをクリック
• 和文書体を設定したテキストを選択し、GET JP Fontをクリック

STEP3. 混植したいテキストを選択して反映

• 混植したいテキストを選択して、Change Fontsをクリック

これで完了です！

複数のテキストや改行アリのテキストにも反映可能

Mixed FontTypeは複数のテキストオブジェクトや、改行アリのテキストに対してもフォント変更を反映することができます。

（注意）行送り設定が消えることがアリ

以下の条件では行送り設定が消えることを確認しています。

• 行送り設定が自動設定状態で、混植フォントを反映させる

以下のように設定してから、フォントを反映させてください…！

• 希望の行送り数値を手動で設定しなおす
  • 自動設定数値と同じにしたい場合、一度ほかの数値を入れてから、再度希望の数値を入れなおす

開発者ボヤキ

• 本当は通常のテキストのフォント選択用のパネルを表示させたかったので、そういうAPIをください
• プラグインなしで、ドキュメントアセットとかに混植フォント設定を登録可能にしてください
• 前回起動時に設定したフォントを覚えさせたいけど（Local Strageとかあるのでは）そこまで手が回らなかったです…

関連リンク

• Mixed FontType本体（Creative Cloud）
• 開発Github

Web制作がこのプラグインで少し素敵になりますように…！