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

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

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

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

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

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