Figmaでテキストに下線を引く方法

Figmaでテキストに下線を引きたいですか?このガイドでは、テキストツールバー、キーボードショートカット、そしてカスタムスタイルのための代替方法を使って下線を適用する方法を説明します。

AIで魅力的な製品動画とドキュメントを作成

このチュートリアルは Trupeer で 5 分以内に作成されました

無料で作成

より詳しい手順は次のとおりです:

テキストレイヤーを選択します: Figma デザイン内で、下線を引きたいテキストレイヤーをクリックします。 
タイプ設定を開きます: 右側のパネルで「Text」セクションを見つけ、3つの点(タイプ設定)をクリックします。 
装飾を見つけます: タイプ設定内の「Basics」タブで「Decoration」セクションを見つけます。 
下線を適用します: 下線アイコン(文字「u」の下に線があるようなアイコン)をクリックします。 

または、
キーボードショートカットを使用できます: Ctrl+U:(Windows)または Option+U(Mac)で、選択したテキストにすばやく下線を引けます。 

Figmaでテキストに下線を引く方法:ステップバイステップガイド

ステップ 1

続行するにはこのテキストを選択してください。

Select this text to proceed.

ステップ 2

タイプ設定オプションを選択します。

Choosing the type settings option.

ステップ 3

下線オプションを見つけてクリックすると、Figma で選択したテキストに下線効果を適用できます。

Locate the underline option and click on it to apply the underline effect to your selected text in Figma.

ステップ 4

これらの手順に従って、Figma でテキストに正常に下線を引いていただきありがとうございます。

Thank you for following these steps to successfully underline text in Figma.

Figma でテキストに下線を引くためのプロのヒント

  1. デザインファイルを開く
    Figma を起動し、下線を引きたいテキスト要素を含むファイルを開きます。

  2. テキストレイヤーを選択する
    下線を引きたいテキストをクリックします。正確なテキストボックスまたはレイヤーを選択していることを確認してください。

  3. 特定のテキストを選択する
    テキストの一部だけに下線を引きたい場合は、テキストボックス内をダブルクリックして、書式設定したい部分を選択します。

  4. テキストツールバーを開く
    テキストを選択した状態で、上部のツールバーを確認します。フォント、サイズ、配置、スタイルなど、さまざまな書式設定オプションがあります。

  5. 下線ボタンをクリック
    テキストツールバーの「U」アイコンをクリックして下線を適用します。これにより、選択したテキストまたは、特定の範囲が選択されていない場合はテキストボックス全体に下線が引かれます。

よくあるミスとその回避方法

  1. 下線ボタンが表示されない
    上部ツールバーが最小化されているか一部が切れている場合は、ウィンドウを広げるか、3点メニューをクリックして下線オプションにアクセスしてください。

  2. 誤ってテキスト全体に適用してしまう
    下線を引きたいテキストだけを選択してください。そうしないと、レイヤー全体に影響します。

  3. リンクとのスタイル競合
    強調とリンクの両方で下線を使うと、混乱を招くことがあります。色の使い分けやホバーステートで区別を明確にしてください。

  4. Auto Layout での書式設定の問題
    Auto Layout 内でテキストレイヤーを編集すると、書式がリセットされることがあります。必要に応じて下線を再適用してください。

  5. 下線が正しく書き出されない
    場合によっては、書き出し時に下線のスタイルが期待どおりに表示されないことがあります。PDF や画像形式に書き出す前にプレビューを確認してください。

Figma でテキストに下線を引くことに関するよくある質問

  1. 文の一部だけに下線を引けますか?
    はい、下線を引きたい部分を選択し、下線オプションをクリックするか、ショートカットを使用してください。

  2. Figma でテキストに下線を引くショートカットは何ですか?
    Windows では Ctrl + U、Mac では Command + U を使用すると、選択したテキストにすばやく下線を引けます。

  3. 下線の色を変更できますか?
    直接はできません。下線はテキストの色に合わせて表示されます。テキストの色を変更すると、下線の色も変わります。

  4. テキストの一部だけから下線を削除できますか?
    はい、下線が引かれている部分を選択し、もう一度下線ボタンをクリックするか、ショートカットを使用して削除できます。

  5. コンポーネント内のテキストでも下線は使えますか?
    はい、コンポーネント内でも同じように下線を引けます。正しいテキストレイヤーを編集していることを確認してください。

  6. Mac で画面録画する方法は? 
    Mac で画面録画するには、screen record on a Mac で、Trupeer AI を使用できます。画面全体をキャプチャでき、AI アバターの追加、ナレーションの追加、動画内でのズームイン・ズームアウトなどの AI 機能を利用できます。trupeer の AI 動画翻訳機能を使えば、動画を30以上の言語に翻訳できます。 

  7. 画面録画に AI アバターを追加する方法は?
    画面録画に AI アバターを追加するには、AI 画面録画ツール。 を使用する必要があります。Trupeer AI は AI 画面録画ツールで、複数のアバターを使った動画の作成や、動画用の自分専用アバターの作成にも役立ちます。

  8. Windows で画面録画する方法は?
    Windows で画面録画するには、組み込みの Game Bar(Windows + G)を使用するか、Trupeer AI のような高度な AI ツールを使うと、AI アバター、ナレーション、翻訳などのより高度な機能を利用できます。

  9. 動画にナレーションを追加する方法は?
    動画にナレーションを追加するには、trupeer ai の Chrome 拡張機能をダウンロードしてください。登録後、音声付きの動画をアップロードし、trupeer で希望のナレーションを選択して、編集した動画を書き出します。 

  10. 画面録画でズームインするには?
    画面録画中にズームインするには、Trupeer AI のズーム効果を使用します。特定のタイミングでズームイン・ズームアウトでき、動画コンテンツの視覚的な印象を高められます。

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する

動画編集者、翻訳者、脚本家が必要ですか?

Trupeerを無料でお試しください

デモを予約する

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.

This entire page from video to step-by-step guide was made with Trupeer AI in minutes.