Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Інструмент Тексту у Figma: Додавання та Стилізація Тексту для UI/UX Дизайну | Секція
Основи макетування та цифрових дизайн-систем у Figma

Інструмент Тексту у Figma: Додавання та Стилізація Тексту для UI/UX Дизайну

Свайпніть щоб показати меню

Використання інструмента Type для створення:

  • Точковий текст: один рядок тексту;
  • Областевий текст: текст, обмежений визначеною областю.

Налаштування типографіки

  • Назва шрифту/Гарнітура: вибір серед усіх шрифтів або певних колекцій (наприклад, Google Fonts);
  • Насиченість шрифту: регулювання товщини шрифту;
  • Стиль шрифту: застосування стилів, таких як курсив;
  • Розмір шрифту: зміна розміру тексту;
  • Міжрядковий інтервал (Leading): регулювання відстані між рядками тексту;
  • Міжлітерний інтервал (Tracking): зміна відстані між символами.

Доступні також параметри вирівнювання для абзаців (ліворуч, по центру, праворуч тощо).

Розширені налаштування тексту

Деякі розширені налаштування тексту доступні через спливаюче вікно з полем Попередній перегляд. Зазвичай вікно містить три вкладки:

  • Вкладка "Основні": для додаткових змін шрифту. Доступні також маркери та нумерація;
  • Вкладка "Деталі": пропонує розширені налаштування для символів, чисел тощо;
  • Вкладка "Змінні": дозволяє вручну регулювати нахил, курсивні стилі та насиченість шрифту (доступність залежить від шрифту).
Note
Примітка

Щоб застосувати будь-які зміни шрифту, завжди переконайтеся, що текст виділено або вибрано через панель шарів.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 1. Розділ 12

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Секція 1. Розділ 12
some-alt