svgpng.ru


Главная » Плагины для Figma

Более красивые градиенты с 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: :???: :?: :!:

По теме:

Градиент по сетке в Figma [Плагин]
Градиент по сетке в Figma [Плагин]
Как в Figma сделать градиент
Неон, стекло, глитчи, градиент, отражение - Morph [Плагин]


Зарядись новогодним настроением! 🎄
Сыграй в беслатную игру на Android



Друзья и партнеры 🤌
WEB-Дизайн и Создание сайтов
Вёрстка и натяжка на WP
Вёрстка и натяжка на WP / Upwork




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

Для коммерческих проектов

Бесплатно под заказ

  • Более тысячи иконок
  • Ежедневные обновления
  • Без регистрации и подписки

Новые статьи