Плагины и эффекты для Figma. Как использовать это в дизайне

Когда-то веб-дизайнерам приходилось использовать фотошоп, но теперь есть Figma и это очень замечательно, что создали такой инструмент для создания сайтов и не только. Еще очень удобно, что можно работать просто в браузере, не скачивая саму программу. Но речь в статье пойдет не об этом, а о всевозможных эффектах и плагинах, которые можно делать в Figma.

Плагин Noise & Texture

С этим плагином можно сделать интересный градиент, различные эффекты. Создайте прямоугольник. Выделите его.

Далее Menu – Plugins – Noise & Texture

Выберите Gradients, далее Вы можете выбрать любой градиент на Ваш вкус.

Можно поиграться с цветами, поменять как больше нравится и нажмите Add to Layer. Вот такой эффект заливки получился у меня.

Как сделать эффект стекла в Figma

А теперь из нашего прямоугольника сделаем эффект стекла. Выделите его и нажмите слева на панели Effects плюсик. Там выберите пункт Background blur. Затем рядом нажмите на «солнышко» и поставьте там 12.

Теперь чтобы сделать прозрачность, установите с заливкой параметры примерно 30%. Это делается на панели слева.

Далее возьмите любой объект или картинку и сверху поместите наш прямоугольник. Получился эффект стекла.

Как преобразовать текст в векторную графику

Создайте фрейм и напишите текст, который нужно преобразовать в кривые.

Далее нажмите Ctrl+E или правой клавишей мыши и выберите Flatten.

Нажмите дважды мышкой по тексту, чтобы выделить. Должно получится вот так.

Теперь щелкаете на точки и вытягиваете буквы как Вам угодно. Можно делать различные эффекты, вытягивать букву Е или другие.

Как сделать мокап в Фигме

Что такое Mockup? Если своими словами, то это когда мы показываем готовый результат любого проекта, как будет выглядеть в реале сайт, логотип, баннер и т.д. Мокапы можно создавать как компьютеров, так и одежды, кружек, канцелярии и т.д. Давайте создадим мокап мобильного телефона, чтобы показать заказчику как будет выглядеть его сайт в мобильной версии. Итак, у нас есть главная страница сайта. Нажимаем Menu – Plugins – Mockup.

Выбираем смартфон какой нам по душе. Далее нажимаем на нем плюсик. Щелкаем по фрейму с нашим сайтом в фигме и плагин преобразует нашу главную страницу на экран гаджета.

В Figma очень много всевозможных плагинов, эффектов, которые в одной статье не осветить. Поэтому на сегодня пока все. Пробуйте на практике, тренируйтесь.

Автор: Алёна Кувшинова