Более красивые градиенты с Easing Gradients [Плагин]




Плагин Easing Gradients создан для точной настройки градиентов в Figma, который позволяет тонко настраивать переходы из одного цвета в другой. 

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

С помощью этого дополнения можно убрать «грязные» переходы дефолтных градиентов и получить код для верстки. Маст хэв, если вы используете градиенты в своей работе. 

Доступны два вида преобразования — по кривой и по ступенчатому графику. 

Градиент по кривой
Градиент по кривой

 

Ступенчатый градиент
Ступенчатый градиент

Как пользоваться 

  1. Создайте слой, залитый градиентом (стандартными средствами Figma)
  2. Запустите Easing Gradients
Исходный градиент в CSS
Исходный градиент в CSS
Полученный градиент в CSS
Полученный градиент в CSS

В нижней части экрана интерфейса плагина вы увидите превью градиента. Если вы нажмете на иконку с глазом, плагин поделит превью на части «до» и «после». 

Где скачать

Ссылка на плагин: https://www.figma.com/community/plugin/907899097995668330/Easing-Gradients

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

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

Вы уже голосовали
Добавить комментарий

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