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

  • URLをコピーしました!

Adobe XDで

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

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

ということで、支援プラグインを作りましたので使い方のご紹介です。

目次

Mixed FontType プラグインの使い方

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

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

  • 和欧混植したいテキスト
  • 和文用のフォントを設定したテキスト
  • 欧文用のフォントを設定したテキスト
こちらの3種類のテキストを用意

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

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

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

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

これで完了です!

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

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

(注意)行送り設定が消えることがアリ

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

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

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

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

開発者ボヤキ

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

関連リンク

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

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメント一覧 (2件)

  • 初めまして。
    早速使用させていただきました。開発ありがとうございました。

    日本語と欧文で文字サイズや字間を変えて登録できるようになるともっといいな〜と勝手ながらコメントさせていただきました。
    もし可能でしたらご検討いただければと思います。

    • ありがとうございます!
      あくまでCSS指定の font-family:Lato, “Noto Sans JP”, sans-serif; 程度の想定だったのですが、そういった需要もあるのですね
      ver2へのネタとしていただきます!

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次
閉じる