В современном дизайне иногда встречаются необычные решения — например, изогнутый текст, который придает композиции интересный и динамичный вид. Стандартные инструменты Figma такой возможности не дают, но решение есть.
Чтобы создать изогнутый текст в Figma, понадобится плагин. Разберём по шагам, какой плагин использовать и как с его помощью превратить обычный текст в изогнутый. Такой прием часто пригождается при работе над логотипами, баннерами и дизайном лендингов, где нужен акцентный визуальный элемент.
Найдите плагин «To Path» в Figma Community. На странице плагина нажмите кнопку «Try it out».

После этого вы будете перенаправлены в Figma. Нажмите «Run», чтобы запустить плагин.

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

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

Шаг 2. Выделите слои двух элементов — текста и фигуры — и запустите плагин. Для этого выделите оба элемента, зажав Shift и кликнув по каждому, затем откройте меню быстрых действий сочетанием Shift+I и выберите плагин «To Path».

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.
Заполнить заявку
13772 тендера
проведено за восемь лет работы нашего сайта.
Шаг 3. В окне плагина нажмите «Link». В результате получится примерно следующее:

Шаг 4. Осталось настроить отображение текста в плагине и отключить слой фигуры.

Vertical Align — перемещает текст над или под фигурой;
Offset — двигает текст вдоль фигуры; справа от поля можно выровнять текст по левому краю, центру или правому краю относительно фигуры;
Reverse direction of text — отражает текст и меняет его направление.
Сначала настройте отображение текста так, как вам нужно, затем отключите саму фигуру. В результате получится примерно такая картинка:

Создание текста любой формы не представляет особой сложности: с помощью плагинов это делается в несколько кликов. А если нужен не отдельный графический элемент, а целостный дизайн, продуманный под задачи бизнеса, его разумнее закладывать на этапе разработки сайта.
Источник: блог агентства Alekzo, alekzo.by