3D модели, внутренний Photoshop, создание цветовой палитры и еще 12 полезных плагинов для дизайнеров в Figma

С каждым обновлением Figma становится все лучше. Но для большинства задач дизайнерам все еще приходится пользоваться сторонним софтом. В Figma вы не можете создавать 3D модели или редактировать фото, с функционалом Photoshop. Но плагины могут помочь вам с этим. Сегодня мы покажем и расскажем о 15 крутых плагинах, которые вы точно будете использовать)

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

С недавних пор мы начали искать «те самые» плагины, которые могут помочь именно тебе в проектах. Нашли и разобрали 15 плагинов в формате 2-х мини-видосов. И если вам проще воспринимать информацию в формате видео, то велком:

P.s. редактор раньше лил много воды, поэтому эти выпуски стали сильно короче)

А для тех, кому удобнее читать статью, предлагаем ознакомиться с этими плагинами здесь.

Один из самых сильных плагинов, в котором вы можете создавать свои 3D модельки. Если вам по какой-то причине не хочется или не «можется» заниматься 3D моделированием в 3Ds MAX или Blender, то этот плагин станет вашим спасательным кругом.

У плагина крайне простой функционал, если мы рассматриваем его базовые модельки — а их 7 штук.

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

Но этот плагин не вошел бы в этот список, если бы в нем не было другой киллер-фичи.

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

Из плюсов:

Из минусов:

Ссылка на плагин:

Учитывая, что ниже в этом топе будет свой вариант Фотошопа, про Image Editor хочется рассказать совсем мало.

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

— Изменять яркость и контраст

— Изменять настройки каналов изображения

— Увеличить/уменьшить гамму

— Увеличить/уменьшить экспозицию

— Работать с кривыми

— Добавлять размытие

— Добавлять шумы…

…и еще 12 ползунков, с которыми вы можете играть.

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

Из плюсов:

Из минусов:

Ссылка на плагин:

Если вам нужно собрать цветовую палитру проекта, но кликать все цвета вручную не хочется, то ACS сделает всю нудную работу за вас.

У плагина есть две простые, но полезные функции:

— Собрать все цвета на странице и перенести их в вашу библиотеку стилей цвета

— Собрать цвета в отдельную палитру в качестве фрейма на экране.

Как работает: открываете плагин, выбираете, с каких страниц нужно собрать цвета и нажимаете «apply».

Из плюсов:

Из минусов:

Ссылка на плагин:

Да, еще один плагин про 3D в этой подборке. Его отличительная особенность от прошлого заключается в том, что 3D Transformer, как не трудно догадаться из названия, переносит ваш объект из плоского изображения в 3дшный.

По функционалу — выбираете объект, при помощи ползунков меняете его положение по осям (X, Y, Z), изменяете перспективу и зум и, если нужно, добавляете сглаживание на углы.

Вуаля, 3D объект готов, и вы можете использовать его в своих проектах.

Из плюсов:

Из минусов:

Ссылка на плагин:

Крайне приятный плагин для тех, кто часто работает с текстом. Font Preview оптимизирует процесс поиска и в собственном интерфейсе покажет, как ваш текст будет выглядеть с разными шрифтами.

С одной стороны, можно здраво отметить, что в Фигме такой функционал уже есть.

Но есть одно большое НО. В Фигме тебе нужно прокликивать шрифты мышкой, или же перемещать курсор. И если ты хочешь сравнить разные шрифты, тебе нужно дублировать текст, выбирать понравившиеся версии и только потом сравнивать.

Здесь же все происходит на одном экране, что оптимизирует процесс поиска «того самого» шрифта.

Из плюсов:

Из минусов:

Ссылка на плагин:

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

В плагине вам показывают объект и источник света. Передвигаете источник — передвигается тень. Все просто. Цвет заднего фона можно изменить. Поможет, если вы используете белую тень. А размер и радиус тени меняется в отдельном окошке.

И в целом все. BS работает на тени и отлично с этим справляется.

Из плюсов:

Из минусов:

Ссылка на плагин:

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

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

Ошибок с этим плагином множество, но как способ представления темной темы — круто.

Из плюсов:

Из минусов:

Ссылка на плагин:

Маленький плагин, который существует лишь для одного — оптимизации ваших страниц в файле. Буквально, весь функционал направлен на то, чтобы вы в пару кликов создали N-ное количество страниц.

Для этого плагин предлагает выбрать общее кол-во страниц (по стандарту создает 8, но их кол-во можно увеличить), изменить названия и выбрать задний фон страницы (сомнительно, но ладно).

И все, после нажатия на «Create pages» плагин автоматически создает ваши страницы.

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

Ссылка на плагин:

А вот тут интереснее, выше мы уже описывали плагин Automate color style, в котором вы могли вывести цвета со всех визуалов на странице. Здесь же функционал заключается в том, чтобы пользователи могли составить свою цветовую палитру.

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

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

Из плюсов:

Из минусов:

Ссылка на плагин:

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

При открытии вас встречает кубик д6, а снизу акцентная кнопка — бросить кубик. И все, вы нажимаете на неё и до бесконечности можете получать разные варианты связок шрифтов, которые по мнению создателей плагина отлично сочетаются.

Из плюсов:

Из минусов:

Ссылка на плагин:

А если вы часто работаете с данными и нужно собрать все в одном доке фигмы, не тратя много времени на вырисовывание схем, то Chart Maker облегчит вашу ношу.

Внутри 6 вариантов схем — гистограмма, график, круговой график, точечный график, радар и календарь.

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

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

Из плюсов:

Из минусов:

Ссылка на плагин:

А вот это, пожалуй, самый интересный плагин в сегодняшней статье. Наверняка вы уже в той или иной мере слышали это название — Photopea. А если не слышали, то вы многое потеряли.

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

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

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

Ссылка на плагин:

Часто работаете с градиентами и кажется, что перепробовали все комбинации цветов? Этот плагин, по сути, огромная библиотека градиентов от пользователей, которые так же, как и вы попробовали большое количество сочетаний цветов.

В плагине 180 вариаций градиентов и думаю, что хоть 1 западет в вашу душу и вы сможете использовать их в своих проектах.

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

Из плюсов:

Из минусов:

Ссылка на плагин:

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

Из плюсов:

Из минусов:

Ссылка на плагин:

В копилочку интересных плагинов Morph, от того же автора.

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

Для этого просто выберите элемент и тип изменения и при помощи ползунков регулируйте степень изменений.

Из плюсов:

Из минусов:

Ссылка на плагин:

А теперь я предлагаю поделиться вашими любимыми плагинами. Ну и, конечно же, раскритиковать нашу подборку. Ведь какой топ-плагинов может обойтись без этого)

Если статья вам понравилась и вы все еще не посмотрели фулловые видосы со всеми плагинами — предлагаю перейти на YouTube и поставить там лайк.

А еще не забывайте подписываться на наш ТГ-канал, в котором мы постим самый разный контент: от экспертных статей до UX-патрулей туалетов в разных ресторанах Санкт-Петербурга)