Figma на стероидах: 5 плагинов, которые прокачают вашу работу

👋 Привет! На связи Кейт – дизайнер Mediahead. Рассказываю про 5 классных плагинов для фигмы.

Думаю, что многие из вас уже знакомы с программой Figma – удобным инструментом для создания дизайна и прототипирования. За исключением недоступного dev mode на бесплатных тарифах (и еще пары-тройки других недостатков), можно сказать что фигма – идеальна. Но знаете, что делает фигму еще лучше? Плагины!

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

Дизеринг может быть полезен, когда нужно уменьшить размер файла изображения или сэкономить на печати принтов на одежде. Он также может добавить ретро-шарм фотографиям, сделать их похожими на старые комиксы или постеры. Иногда дизеринг используют, чтобы «спрятать» дефекты на фото с низким качеством – он как бы маскирует их точками.

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

Ссылка на Dither

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

Photopea поддерживает работу со слоями, как и Photoshop. Вы можете создавать, редактировать, скрывать и группировать слои, что открывает широкие возможности для редактирования изображений. В вашем распоряжении все основные инструменты редактирования, которые есть в Photoshop: кисти, ластик, выделение, заливка, градиенты, штамп, размытие, перспектива и многое другое.

Ссылка на Photopea

P.S. Как вы произносите название "Photopea"? «Фотопия», «фотопэя» или как-то еще?)

Плагин Color Wheel Palette Generator для Figma представляет собой инструмент, который помогает дизайнерам создавать цветовые палитры на основе цветового круга. Этот плагин облегчает процесс выбора и комбинирования цветов для вашего дизайна, позволяя экспериментировать с различными цветовыми схемами.

Плагин автоматически создает фрейм с цветовой палитрой и оттенками. Он предлагает различные варианты цветов, которые гармонично сочетаются с выбранным базовым цветом.

Плагин мгновенного создает цветовые стили вашего макета в Figma с правильными наименованиями.

Ссылка на Color Wheel Palette Generator

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

Чтобы работать с несколькими элементами, необходимо предварительно объединить их в группу.

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

Ссылка на Copy&Rotate

( Так себе ) пародия на инструмент трассировки в Adobe Illustrator.

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

Адекватно работает только с простыми изображениями и формами. Идеально подходит для логотипов, иконок и других изображений с четкими контурами. Но можно экспериментировать и создавать интересные эффекты даже из сложных фотографий. Например, можно попробовать упростить сложные растровые иллюстрации и создать постер.

Ссылка на Quick Tracing

Рассказывайте о ваших любимых плагинах в Figma 😉

Мы на Behance