Figma

Figmaで日本語テキストを縦書きにする方法

最終更新日:2024.09.19編集部
Figmaで日本語テキストを縦書きにする方法

Figmaでテキストを縦書きにしたい時はありませんか?

本記事では、テキストを縦書きにする方法を解説します。

  1. フォントは日本語フォントを使用

  2. フォントサイズ(Font Size)とテキストオブジェクトの幅(Width)と行間(Line height)を同じ大きさにする

  3. テキストのオプション -> 詳細設定からVertical alternatesにチェックをつける

テキストを縦にするだけでは長音符(ー)や句点・句読点(、。)などが横書きの方向になってしまいますが、Vertical alternatesにチェックをすることで縦書きの方向にすることができます。

しかしFigmaでは縦書きにすることはできても改行をすることはできません。

そのため、テキストオブジェクトを複製してテキストを分割するしかありません。

そのため、長文の縦書きの場合はIllustratorなど他のツールで縦書きテキストを作成し、アウトライン化したベクターデータをFigmaに取り込む方がスームーズです。

この記事の関連シリーズ
Figma

関連記事

Related Articles

  • Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
    Figma2025.05.08
    Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
  • Figmaのオートレイアウトの基本的な使い方
    Figma2024.10.16
    Figmaのオートレイアウトの基本的な使い方
  • Figmaで画面遷移図やフローチャートをつくる方法
    Figma2024.10.10
    Figmaで画面遷移図やフローチャートをつくる方法
  • Figmaのコンポーネント化を解除してフレームに戻す方法
    Figma2024.10.08
    Figmaのコンポーネント化を解除してフレームに戻す方法

最新の記事

Latest Articles

  • 圧倒的クオリティを生む「チームラボ」流・デザイン組織、働き方 採用チームリーダー・山田剛史氏に聞く
    インタビュー2025.08.07
    圧倒的クオリティを生む「チームラボ」流・デザイン組織、働き方 採用チームリーダー・山田剛史氏に聞く
  • AI時代に求められるUXデザイナーとは?オランダで活躍するデザインリーダーに聞く
    インタビュー2025.08.04
    AI時代に求められるUXデザイナーとは?オランダで活躍するデザインリーダーに聞く
  • 【2025年最新】フォトショップの買い切り版はまだある?価格比較と代替ソフトを紹介
    Photoshop2025.06.30
    【2025年最新】フォトショップの買い切り版はまだある?価格比較と代替ソフトを紹介
  • 【2025年版】Webデザインスクール おすすめ10選|給付金対象で最大70%OFF
    【2025年版】Webデザインスクール おすすめ10選|給付金対象で最大70%OFF

デジタルデザインの最新情報をお届け!

unprintedのメールマガジンにご登録いただくと、デジタルデザインの最新情報をメールで受け取ることができます。今までに配信したバックナンバーも公開中!

※登録ボタンを押すと利用規約に同意されたものとします。