How to Underline the Text in Figma

Want to underline text in Figma? This guide explains how to apply underlines using the text toolbar, keyboard shortcuts, and workarounds for custom styles.

Create Stunning Product Video & Docs with AI

Этот туториал был создан с помощью Trupeer менее чем за 5 минут

Создать бесплатно

Вот более подробная разбивка:

Выберите текстовый слой: Нажмите на текстовый слой в вашем макете Figma, под который вы хотите поставить подчеркивание. 
Откройте настройки типа: На правой панели найдите раздел "Text" и нажмите на три точки (Type Settings). 
Найдите Decoration: Во вкладке "Basics" в настройках Type Settings найдите раздел "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. Кнопка подчеркивания не видна
    Если верхняя панель инструментов свернута или обрезана, разверните окно или нажмите меню с тремя точками, чтобы получить доступ к параметру подчеркивания.

  2. Подчеркивание всего текста по ошибке
    Убедитесь, что вы выделили только тот текст, который нужно подчеркнуть; иначе будет затронут весь слой.

  3. Конфликт стилей со ссылками
    Если вы используете подчеркивание для акцента и одновременно для ссылок, это может вызвать путаницу. Используйте различия по цвету или состояния наведения, чтобы прояснить смысл.

  4. Проблемы с форматированием из-за Auto Layout
    Иногда форматирование может сбрасываться, если текстовый слой редактируется в Auto Layout. При необходимости примените подчеркивание повторно.

  5. Подчеркивание не экспортируется корректно
    Иногда стиль подчеркивания может отображаться не так, как ожидается, при экспорте. Проверьте предварительный просмотр перед экспортом в PDF или изображения.

Часто задаваемые вопросы о подчеркивании текста в Figma

  1. Могу ли я подчеркнуть только часть предложения?
    Да, выделите фрагмент, который нужно подчеркнуть, и выберите параметр подчеркивания или используйте сочетание клавиш.

  2. Какое сочетание клавиш используется для подчеркивания текста в Figma?
    Используйте Ctrl + U в Windows или Command + U на Mac, чтобы быстро подчеркнуть выделенный текст.

  3. Можно ли изменить цвет подчеркивания?
    Непосредственно — нет. Подчеркивание принимает цвет текста. Измените цвет текста, чтобы поменять цвет подчеркивания.

  4. Можно ли убрать подчеркивание только у части текста?
    Да, выделите подчеркнутый фрагмент и нажмите кнопку подчеркивания еще раз или используйте сочетание клавиш, чтобы удалить его.

  5. Работает ли подчеркивание для текста внутри компонентов?
    Да, подчеркивание работает так же внутри компонентов. Просто убедитесь, что вы редактируете правильный текстовый слой.

  6. Как сделать запись экрана на mac? 
    Чтобы сделать запись экрана на Mac, вы можете использовать Trupeer AI. Он позволяет записать весь экран и предлагает возможности ИИ, например добавление AI-аватаров, добавление голосового сопровождения, добавление зума (приближения и отдаления) в видео. С помощью функции AI-перевода видео от trupeer вы можете перевести видео на 30+ языков. 

  7. Как добавить AI-аватар в запись экрана?
    Чтобы добавить AI-аватар в запись экрана, вам нужно использовать инструмент для записи экрана с ИИ. Trupeer AI — это инструмент для записи экрана с ИИ, который помогает создавать видео с несколькими аватарами, а также позволяет создать собственный аватар для видео.

  8. Как сделать запись экрана на windows?
    Чтобы сделать запись экрана в Windows, вы можете использовать встроенную панель Game Bar (Windows + G) или расширенный AI-инструмент вроде Trupeer AI для более продвинутых функций, таких как AI-аватары, голосовое сопровождение, перевод и т. д.

  9. Как добавить голосовое сопровождение в видео?
    Чтобы добавить голосовое сопровождение в видео, скачайте расширение trupeer ai для Chrome. После регистрации загрузите видео с голосом, выберите нужный вариант голосового сопровождения в trupeer и экспортируйте отредактированное видео. 

  10. Как увеличить масштаб при записи экрана?
    Чтобы увеличить масштаб во время записи экрана, используйте эффекты зума в Trupeer AI — они позволяют приближать и отдалять в определенные моменты, усиливая визуальное впечатление от вашего видеоконтента.

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Need a video editor, translator, and a scriptwriter?

Try Trupeer for Free

Book a Demo

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.

Вся эта страница — от видео до пошагового руководства — была создана с помощью Trupeer AI за считанные минуты.