Как перевести текст в вектор или кривые в фигме
Автор — Ян Агеенко
Дизайнер с 20-летним опытом работы. Арт-директор в собственной студии. Основатель Гильдии дизайнеров, автор книги «Как стать дизайнером с нуля»
Во многих ситуациях дизайнерам требуется изменить тексты в фигме, но стандартный набор функций работы с текстом в этой программе ограничен. Именно тогда и нужно переводить текст в кривые. Как это сделать — рассказываю в сегодняшней статье.
Видео-версия урока
Как в фигме преобразовать текст в кривые
Данная задача выполняется достаточно просто. Нужно выделить текстовый слой, который вы хотите превратить в вектор, кликнуть правой кнопкой мышки и в появившемся контекстном меню выбрать пункт Flatten.

Горячие клавиши для превращения текста в вектор
Чтобы ускорить процесс, также можно воспользоваться горячими клавишами. На Windows функция Flatten выполняется быстрым сочетанием Ctrl+E, на Mac OS — Cmd+Е.
Редактирование текста после перевода в кривые
Важно понимать, что после превращения текста в вектор в фигме, как и в любой другой программе, его нельзя будет редактировать как текст — менять шрифт, начертание, и прочие параметры. Так что позаботьтесь обо всех типографических характеристиках заранее.
Зато когда текст уже представляет из себя обычную фигуру, с ним можно проводить соответствующие манипуляции. Для перехода в режим редактирования кривых сделайте двойной щелчок по слою. Вы увидите множество опорных точек, каждую из которых можно изменять отдельно или вместе с другими. Чтобы выбрать несколько точек одновременно, зажмите клавишу Shift на клавиатуре и поочередно кликайте по ним мышкой.

Потянув за точку, можно переместить её в другое место, тем самым исказив изначальный рисунок шрифта. Вносить изменения в кривые можно такими инструментами, как перо (Pen Tool) или Bend Tool. В результате можно создавать необычные и интересные формы, превращая текст в полноценные шрифтовые композиции. Этот прием часто используется графическими и веб-дизайнерами при разработке логотипов, баннеров и прочей графики.

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

Как и в предыдущем примере, текст безвозвратно преобразуется в кривые, и может быть отредактирован только как векторная фигура. Независимо от способа, данный прием крайне важен в арсенале любого дизайнера.
Как в фигме превратить текст в растровую картинку
Если же вам нужно превратить текст не в векторную, а в растровую картинку, в фигме есть соответствующая функция. Находится она в главном меню программы логотипа фигмы (в левом верхнем углу) в разделе Object, затем Rasterize Selection. После применения данной функции текст превратится в обычное растровое (пиксельное) изображение со всеми его свойствами.

Другие полезные уроки по фигме
Как делать фигуры в фигме — круг, прямоугольник, квадрат и произвольные формы
Данный урок посвящен работой с фигурами и формами в фигме. Вы узнаете, как в фигме нарисовать круг, прямоугольник или квадрат со скругленными углами, как соединять и обрезать фигуры, а также как нарисовать фигуру произвольной формы. К уроку прилагается видео-версия, где я показываю всё это более детально.
Как сделать или убрать компонент в фигме
Урок посвящен знакомству с компонентами и вариантами в фигме. Мы рассмотрим, как можно создать компонент из обычного фрейма с помощью горячих клавиш или без них, как отменить привязку дочернего компонента к родительскому мастеру, как добавить и использовать варианты компонентов в ваших проектах.
Как сделать обводку, тень, подчеркивание или ссылку текста в фигме
Сегодня поговорим о различных эффектах, которые можно применить к тексту в Figma, а именно про его подчеркивание, обводку и тень. Также разберемся, как можно сделать кликабельную ссылку в этом графическом редакторе.
