figma-text-bold-underline-shortcuts
公開日: 2024.07.12  | 更新日: 2024.07.12

Figmaのフォントスタイル内で部分的に太字や下線を適用するショートカット

今回は、Figmaのテキストでフォントスタイルが適用されている状態で、部分的に太字(bold)や下線(underline)を適用できるショートカットを紹介します。太字や下線の専用のスタイルを適用しなくても良いので作業効率に効果があります。

この機能は、2024年6月にアップデートされた内容になります。

この記事のターゲット

  • Figmaでフォントスタイルを使用している方

  • フォントスタイルに太字下線・斜体などのスタイルを個別に設定している方


フォントスタイルについて

そもそもテキストのプロパティやフォントスタイルについて知りたい方は、公式のヘルプページ(日本語)で詳細に説明されていますので、参考にしてみてください。

すべてのテキストプロパティの設定 - Figma Learn

フォントスタイルが適用されたテキストをショートカットで装飾を適用する方法

ショートカットで適用できるテキストの装飾は、太字(bold)と下線(underline)と斜体(italicize)の3種類です。当然、フォントがそれぞれの装飾に対応していない場合は適用されませんので注意してください。

ショートカットの適用方法は次の通りです。

  1. フォントスタイルが適用されたテキストを選択

  2. テキスト内の装飾を適用したい箇所を選択

  3. テキストが選択された状態で以下のショートカットキーを入力

    • 太字にする(bold):⌘B または Ctrl+B

    • 下線を引く(underline)⌘U または Ctrl+U

    • 斜体にする(italicize)⌘I または Ctrl+I

font-style-shortcuts

この記事を読んだ方におすすめの記事

Figmaでテキスト内にアイコンを挿入する方法

今回は、Figmaのテキスト・オブジェクト内で「Font Awesome 6 Free」のアイコンを挿入する方法を紹介します。画面のリード文のテキストリンクなどにアイコンを添付したい場合などに利用でき、フォントと同じようにスタイルを適用できます。 ... 続きを読む

figma-how-to-insert-icons-into-text

Figmaでテキストを縦書きに対応する方法

今回はFigmaでテキストを縦書きに対応する方法を紹介します。和風のWebサイトや広告バナー・フライヤーなどをデザインする際に、縦書きのテキストを配置したりできるようになるので、制作の幅も広がると思います。 ... 続きを読む

figma-text-vertical-alternates

Figmaでテキストを使った便利なテクニック集

今回はFigmaでテキストを扱い際に便利なテクニックやプラグインを紹介します。デザイナーだけでなく、エンジニアやUXライターやマーケターなど、Figmaでコラボレーションする際にテキストを編集する際にご活用ください。 ... 続きを読む

figma-useful-text-tips


最新の記事を見る
広告
この記事を書いた人
うえんつ

うえんつ

X a.k.a Twitter
B2B領域のSaaS・アプリケーション開発などを組織で取り組むことが得意なプロダクトデザイナーで、このブログのオーナーです。
今の関心事
Figma・UIデザイン・UXリサーチ・QOL・旅行
広告