Добавить в корзинуПозвонить
Найти в Дзене

Полезные плагины для Figma. Часть 1

Сегодня я хотела бы поделиться с вами плагинами, которые очень сильно упрощают работу над дизайном сайта. Эти плагины заменяют кучу сайтов и экономят время. Когда я начала делать свой первый макет, я делала его сначала в фотошопе и мне приходилась заходить на множество сайтов, чтобы банально выделить цвета из фото или подобрать палетку цветов для сайта. Одним из плюсов данной программы — это наличие плагинов, которые упрощают в ней работу и заменяют тонну сайтов. Вот некоторые из них: Glyphs – добавляет панель с глифами, включает в себя 50 блоков Unicode. Как пользоваься: - Щелкните левой кнопкой мыши на глифе, чтобы вставить. - Или щелкните правой кнопкой мыши на глифе, чтобы скопировать в буфер обмена Некоторые шрифты могут содержать не все символы, которые вы видите в плагине. Глифы в настоящее время вставляются с текстовым слоем со шрифтом Roboto Regular. Если вы не видите глиф после вставки, это означает, что глифа нет в указанном шрифте. Выберите слой глифа и выберите дру

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

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

Вот некоторые из них:

Glyphs – добавляет панель с глифами, включает в себя 50 блоков Unicode.

Как пользоваься:

- Щелкните левой кнопкой мыши на глифе, чтобы вставить.

- Или щелкните правой кнопкой мыши на глифе, чтобы скопировать в буфер обмена

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

Remove BG – вырезает объект из фото (лучше если объект будет на простом фоне).

Icons8 -иконки под разные интерфейсы (есть и для IOS, Windows и т.д.).

-2

Особенности

✨ тысячи бесплатных иконок

💯 91 000 значков (и считая!)

🎨 Выберите из 31 популярных стилей

Пиксель-перфектные размеры иконок для четких дизайнов

🖼 Иконки доступны в PNG (бесплатно для ссылки) или SVG (Pro)

🔍 Поиск и категоризация

uiGradients -палитры с градиентами. Просто выбераете элемент и запускаете плагин. В плагине больше 350 градиентов.

-3

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

Вы можете продолжать играть с макетом, пока не будете удовлетворены результатами.

Смешивать и сочетать

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

Arc - добавляет кривизну тексту.

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

-4

Color palettes – палетки сочетающихся цветов. Можно найти нужный цвета и не искать по всему Интернету. Плагин позоваляет выбрать цветовую палитру из огромного списка. Цветовая палитра свободна как для коммерческих, так и для личных проектов.

-5

Map marker – можно создать свою карту, придать ей необходимый цвет и добавить адреса с метками.

Надеюсь, эта статья была полезна для вас. Чтобы не пропустить новые статьи подписывайтесь на мой канал, здесь будет много интересного.

Подписаться