Figma

Figmaで長いテキストを「…」で自動省略する方法

最終更新日:2024.06.21編集部
Figmaで長いテキストを「…」で自動省略する方法

長いテキストを省略したいとき、自分でテキスト量を調整して「…」を打っていませんか?

Figmaでは、自動で簡単に「…」に変換することができます!

作り方は

  1. テキストエリアを選択

  2. デザインタブのテキストから「タイプの選択」を開く

  3. テキストを省略で「A…」を選択

これでテキストエリアよりテキスト量が多いとき、自動で「…」で省略されます。

フレームの大きさが変わったときに手動でテキスト量を調整しなくてよくなります。

ちょっとした作業でも簡単にできる方法を知っておくと、デザイン作業の効率が上がりますね!

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

関連記事

Related Articles

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

最新の記事

Latest Articles

  • 制作とマネジメント、時間は競合するが考え方は共通する
    エッセイ・2026.09.28
    制作とマネジメント、時間は競合するが考え方は共通する
  • イメージ・条件からフォントを探せる無料サイト9選【2026年最新】
    Webデザイン・2026.08.20
    イメージ・条件からフォントを探せる無料サイト9選【2026年最新】
  • DMMに聞く、AI時代のデザインシステムの設計と実装
    インタビュー・2026.04.28
    DMMに聞く、AI時代のデザインシステムの設計と実装
  • AIが「それっぽいデザイン」を出せる時代に、私が向き合ったふたつのこと
    エッセイ・2026.03.31
    AIが「それっぽいデザイン」を出せる時代に、私が向き合ったふたつのこと

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

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

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