Как растянуть, исказить или деформировать текст в фигме по ширине, высоте или в перспективе

Как вытянуть текст в фигме по ширине или высоте

Для искажения текста первым делом нужно преобразовать его в вектор (в кривые). Важно сразу отметить, что после такого преобразование текст перестанет быть текстом, и превратится в обычную фигуры. Это значит, что его больше не получится редактировать как текст, то есть изменять шрифт, жирность и тому подобные параметры. Поэтому преобразовывать текст в вектор стоит только тогда, когда с шрифтом вы уже проделали всю необходимую работу.

Сделать это можно выделив текстовый слой, нажав по нему правой кнопкой мыши и выбрав пункт Flatten в выпадающем меню:

Сразу после этого вы сможете растягивать текст по ширине или высоте, просто потянув за уголок слоя:

Как произвольно исказить иди деформировать текст в фигме

Если нужно не просто горизонтальное или вертикальное вытягивание текста, а что-то более сложное — по преобразованному в кривые тексту нужно сделать двойной щелчок и перейти в режим редактирования вектора. Тогда можно будет потянуть за отдельные опорные точки (или за несколько сразу) и линии, изменить углы кривых. В этом режиме также можно добавить или удалить определенные элементы. Ограничений нет — всё зависит от вашей фантазии.

Как сделать текст в перспективе в фигме

Для этой задачи существует довольно удобный плагин — Warp. Найти его можно на панели инструментов в нижней части интерфейса фигмы:

Чтобы им воспользоваться, можно даже не переводить текст в кривые — плагин сделает это сам. Чтобы сделать текст в перспективе, достаточно просто выбрать иконку с трапецией в меню плагина, и после этого задать нужные параметры искажения вручную (потянув за опорные точки) или автоматически (с помощью ползунка strength).

Как видите, не смотря на то что стандартный функционал фигмы не очень хорошо приспособлен для искажения и деформации текста в перспективе, сделать это с помощью плагина не составляет проблем.

Напоследок, не могу не сказать: искажение текста — это хороший прием в руках опытного дизайнера. Но не стоит злоупотреблять этим, если вы новичок. Используйте деформации только если абсолютно уверены, что это действительно необходимо.