20 плагинов для Figma, которые должны быть у каждого дизайнера

Veronika Soboleva
BehanceRussia
Published in
5 min readFeb 22, 2022

Мои любимые 20 плагинов, которые важны и нужны каждому дизайнеру.

1. Autoflow

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

Ссылка для скачивания плагина

2. Batch Styler

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

Ссылка для скачивания плагина

3. Blush

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

Ссылка для скачивания плагина

4. Chart

The chart is плагин для Figma, который использует случайные реальные данные для создания самых популярных диаграмм. Chart поддерживает копирование и вставку из таких редакторов, как Excel, Numbers, Google Sheets, живое подключение к Google Sheets и удаленный JSON (REST API), локальные файлы CSV и JSON.

Ссылка для скачивания плагина

5. Content Reel

Content Reel — один источник, где можно получить ВСЁ, буквально всё; от изображений и текстовых строк, до иконок, а также аватаров. Этот плагин создан Microsoft, и я использую его очень часто. Это самый важный и экономящий время плагин для МЕНЯ.

Ссылка для скачивания плагина

6. Dark Mode Magic

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

Ссылка для скачивания плагина

7. Feather Icons

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

Ссылка на скачивание плагина

8. Figma to HTML, CSS, React & more!

Это один из моих любимых плагинов. Вы можете преобразовать любой веб-сайт в дизайн в Figma за пару кликов. Представьте себе преобразование любого веб-сайта в дизайн и использование компонентов этого веб-сайта!

Ссылка на скачивание плагина

9. Figmoji

Figmoji — это библиотека, которая содержит большое количество смайликов. Просто выберите тот, что нравится, и Figmoji добавит выбранный смайлик в формате SVG.

Ссылка на скачивания плагина

10. Icon Resizer

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

Ссылка на скачивание плагина

11. Iconify

Iconify — самая большая библиотека иконок в плагинах Figma. Iconify имеет более 100 наборов, содержащих более 100 000 иконок, которые можно импортировать в документ Figma в виде векторных фигур.

Ссылка на скачивание плагина

12. Breakpoints

Вы можете просмотреть макеты адаптивного дизайна внутри фрейма Figma. Он работает даже без открытого окна плагина, и самое приятное то, что любой из вашей команды может изменить размер фрейма без установки плагина (Разве это не УДИВИТЕЛЬНО).

Ссылка для скачивания плагина

13. Isometric

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

Ссылка для скачивания плагина

14. Draw Connector

Соединительные линии и формы очень полезны при создании пользовательских сценариев. Draw Connector — отличный плагин для маркировки и соединения ваших слоев.

Ссылка для скачивания плагина

15. LottieFiles

Плагин LottieFiles позволяет вставлять анимацию в свои проекты. Вы можете импортировать анимации в SVG или GIF формате, которые абсолютно бесплатны. В LottiFiles есть тысячи анимаций для ваших проектов.

Ссылка для скачивания плагина

16. Mapsicle

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

Ссылка для скачивания плагина

17. Remove BG

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

Ссылка для скачивания плагина

18. UIGradients

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

Ссылка для скачивания плагина

19. Unsplash

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

Ссылка для скачивания плагина

20. Typescale

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

Ссылка для скачивания плагина

Источник: uxplanet.org

--

--

Veronika Soboleva
BehanceRussia

Hi! I’m Nika, a junior UI/UX designer. I like to learn many new things and translate interesting topics to you.