Градиент по сетке в Figma [Плагин]


Стандартного набора градиентов может оказаться мало для ваших работ, и в то же время в Figma нет стандартного инструмента для создания градиента по 2D сетке. Закрыть эту брешь с лёгкостью может плагин Mesh Gradient.

Плагин создает квадратный вектор с заливкой изображением (1x — 512px)

Градиент по сетке в Figma [Плагин]

Как создать сложный градиент в Figma

  1. Запустите Mesh Gradient
  2. Выберите параметры в окне плагина
  3. Нажмите Generate

Параметры Mesh Gradient

  • Colors — цвета соответственно их расположению по сторонам
  • Number of mesh points — количество точек, которые можно двигать. Внимание: количество точек надо выбирать в самом начале, если вы захотите изменить их, все изменения будут сброшены
  • Control visibility — переключает интерфейс между точками, сеткой и чистой картинкой без разметки
  • Editable edges — включает дополнительные точки по краям изображения
  • Save — сохранить текущую конфигурацию в библиотеку
  • 1x, 0.5x, 2x, 5x — масштаб экспортируемого файла относительно 512px (аналогично настройке экспорта в самой Фигме)
  • Randomize — генерирует случайные (и довольно интересные) сложные градиенты

Сгенерированный градиент

Как скачать и установить

Ссылка на плагин: https://www.figma.com/community/plugin/958202093377483021/Mesh-Gradient

Как устанавливать плагины в Figma

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

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


По теме:


Бесплатные иконки

Векторные и растровые иконки, бесплатные для коммерческого использования

Анимированные SVG иконки Изометрические иконки