Как работает плагин Mesh Gradient в Figma?

Плагин Mesh Gradient в Figma позволяет создавать сетчатые градиенты. skillbox.ru При работе с ним на плоскости устанавливаются опорные точки, которые будут «вершинами» градиента. skillbox.ru Краска по ним будет «стекать», смешиваясь с краской с других «вершин». skillbox.ru

Некоторые возможности плагина:

• Настройка размера сетки. skillbox.ru По умолчанию точки расположены на углах внутреннего квадрата, но их положение можно изменять. skillbox.ru Это влияет на то, насколько сильно и в каком направлении будет распространяться цвет точки. skillbox.ru
• Выбор цветов. designcode.io Можно выбрать четыре цвета или написать цветовой код. designcode.io
• Управление видимостью. designcode.io Есть варианты выбора: None, Handles или Lines. designcode.io None позволяет не видеть ничего, Handles — точку, Lines — точку и линию одновременно. designcode.io
• Кнопка Randomize. skillbox.ru Создаёт случайный сетчатый градиент. skillbox.ru
• Сохранение градиентов. designcode.io Можно сохранить градиенты для следующего проекта, не повторяя одни и те же шаги. designcode.io
• Генерация. designcode.io После настройки градиента нужно нажать на Generate, и получится изображение с градиентом. designcode.io

Чтобы добавить точку, нужно кликнуть мышью в произвольном месте, для удаления — нажать на точку, удерживая Shift. skillbox.ru Минимальное количество точек — 4, максимальное — 11. skillbox.ru