Arc: как сделать изогнутый текст в Figma [Плагин]




To Path: текст и фигуры по кривым [Плагин]

Текст по окружности в Figma – Circular Text [Плагин]

Функционал Фигмы из коробки не позволяет делать скрученный или вообще как-либо изогнутый текст, однако с некоторых пор декорировать текст можно с помощью плагина arc. 

Изогнутый текст в Фигме

Где скачать: //www.figma.com/c/plugin/762070688792833472/arc 

Поддержка: hello@unfold.co

Как устанавливать плагины: //svgpng.ru/novosti/testiruem-plaginy-dlja-figma-chast-1/ 

Как сделать текст по кругу

  1. Введите текст
  2. Выберите слой с текстом
  3. Запустите плагин arc
  4. С помощью ползунка или в поле для ввода укажите процент скругления
  5. Нажмите Apply

Некоторые особенности

  1. Плагин разбивает текстовый слой на множество слоев с одной буквой и группирует их
  2. Исходный слой остается
  3. Превью не всегда правдиво показывает результат:
Предпросмотр изогнутого тектса
Предпросмотр изогнутого тектса
Готовый изогнутый текст в Фигме
Готовый изогнутый текст в Фигме

Лайфхак

Чтобы сделать текст, изогнутый несимметрично, дополните текстовый слой пробелами в начале или в конце. Таким образом мы сделали надпись svgpng.ru в заглавном изображении. 

Вам также может быть интересно:

Как сделать текст большими буквами?

Как залить фон текста изображением?

Как автоматизировать размерную сетку в Фигме

 

Альтернативы

Circular Text

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

Текст по кругу в Фигме
Результаты работы Circular Text.

To path

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

Результат работы
Результат работы




Помогла ли вам эта статья?

Вы уже голосовали
Комментариев: 1
  1. Аноним

    :twisted:

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: