Добрый день, сегодня поговорим о том как сделать градиент в фигме с помощью стандартных инструментов. И воспользуемся помощью плагинов для фигмы.
Как сделать градиент стандартными инструментами фигма
Подробные уроки по нейросетям смотрите в моем Телеграм канале
Мы можем делать градиент стандартных фигур фигмы. Таких, как прямоугольник, круг и другие. Есть возможность сделать градиент на любом тексте и можем наложить градиент на картинку.
Пример 1. Рисуем прямоугольник с помощью инструмента rectangle. Выделяем его и идем в правую панель со свойствами. Ищем раздел fill. Переводиться как заливка.
Там уже будет задан серый цвет. Делаем клик по цвету. Открывается панель изменения цвета. Вверху будет написано solid (сплошной цвет). Мы делаем клик по этому названию и появляются другие варианты. Нам нужен вариант linear.
Это и есть настройки градиента. При этом появятся все настройки градиента которые мы можем сделать для нашего объекта.
Как сделать градиент в фигме с помощью плагина uiGradients
Для того чтобы долго не подбирать варианты из цветов, чтобы сделать градиент, мы воспользуемся дополнением для фигмы (плагином) uiGradients. Этот плагин бесплатный.
Подробное видео по работе с плагином: