目次

テキストに下線、打消し線を表示する

目次

さんフラわん
質問: Figmaで下線テキスト
Figmaでテキストに下線を表示したいのですが、どうすればよいのでしょうか?ぱっと見、フォントの装飾設定が見つからないです。

Figmaでテキストに下線や打消し線を表示する手順を紹介します。

手順

Figmaのデザインファイルでテキストを描画した状態です。このテキストに下線を表示します。
テキストに下線、打消し線を表示する:画像1

テキストを選択した状態で右側のパネルのタイポグラフィのセクションを確認します。 配置の右側にある[タイプの設定]ボタン(下図参照)をクリックします。
テキストに下線、打消し線を表示する:画像2 テキストに下線、打消し線を表示する:画像3
テキストに下線、打消し線を表示する:画像4

下図のダイアログが表示されます。
テキストに下線、打消し線を表示する:画像5 テキストに下線、打消し線を表示する:画像6

ダイアログの装飾のアンダーラインのボタン(下図)をクリックします。
テキストに下線、打消し線を表示する:画像7

ボタンをクリックするとテキストにアンダーラインが表示されます。
テキストに下線、打消し線を表示する:画像8

打ち消し線を表示する場合は、装飾の打ち消し線のボタンをクリックします。
テキストに打ち消し線が表示されます。
テキストに下線、打消し線を表示する:画像9

下線や打ち消し線の表を解除する場合は、装飾の一番左のボタンをクリックします。
テキストに下線、打消し線を表示する:画像10

Figmaでテキストに下線や打消し線を表示することができました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2025-02-24