Figma

55

Мы уже публиковали Figma-плагины для создания дизайн-систем и работы с ними. А теперь выбрали ещё 12 плагинов, с помощью которых можно легко управлять дизайн-системами

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

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

Предлагаем посмотреть шаблоны с готовыми анимациями, сделанными прямо в Figma. С их помощью вы сможете быстро показать, как работают такие UI-элементы, как лоадер, чекбокс, гамбургер-меню, переключатель, карточки, кнопки и другие. Есть также эффектные анимации смены экранов мобильного приложения и даже анимация вращения 3D-объекта

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

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

Мы собрали плагины, которые помогают быстро генерировать и редактировать иконки, а именно: делать иконки pixel-perfect, заливать контурные иконки, экспортировать их во всевозможных размерах и форматах, создавать собственную библиотеку иконок и другое. Вы также найдёте наборы с сетками для отрисовки собственных иконок

Как выбрать нужное и заслужить благодарность разработчиков

Эти плагины помогают в пару кликов создавать и настраивать таблицы, импортировать данные из Гугл-таблиц, генерировать любые типы графиков на основе реальных данных и в целом автоматизировать работу с табличными данными и их визуализацией. Мы также добавили набор компонентов для проектирования таблиц в Figma

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

Мы отобрали плагины Figma, которые работают на базе искусственного интеллекта. Они помогут переименовывать слои в один клик, генерировать иконки, картинки, «рыбный» текст, аватары, 3D-иллюстрации, увидеть собственные работы глазами нейросети, быстро проводить исследования юзабилити и извлекать огромное количество цветовых палитр из библиотеки Unsplash

Мы собрали в один пост все подборки с Figma-плагинами, которые публиковали в течение года. Получилась целая библиотека плагинов с удобным распределением по категориям

В подборку вошли библиотеки с фонами, генераторы фонов, паттернов и цветных плашек для текста. C их помощью вы сможете подбирать для проектов самые разнообразные фоны: акварельные, градиентные, трёхмерные, полосатые, текстурные, голографические, неоновые и моментально выделять текст, добавляя редактируемую плашку

Мы сделали подборку Figma-библиотек и ресурсов с иконками, иллюстрациями, шрифтами, фотографиями, паттернами и текстурами для оформления зимних и новогодних проектов

Мы уже публиковали плагины для создания крутых эффектов в Figma. В новую подборку вошли плагины, с помощью которых вы сможете превратить 2D-объекты в трёхмерные модели, создать текст в перспективе и красивые переходы между объектами, сделать дизайн в стиле неоморфизм, добавить объекту эффект свечения, сгенерировать заливку из текста для любого объекта и другое

Библиотеки в Figma Community содержат множество изображений на любую тематику. В подборку мы включили коллекции фотографий, иллюстраций, паттернов, геометрических фигур, абстрактных шейпов, аватаров, стикеров, голографических изображений и даже картинок кубиков Lego

Плагины для работы с изображениями помогут сгенерировать нужную картинку по запросу, вставлять большие изображения в Figma и сжимать их без потери качества, удалять фон и лишнее пространство, разрезать картинку на части, находить, собирать и упорядочивать все изображения в одном месте. Вы сможете редактировать изображения, накладывать фильтры и применять эффекты прямо в Figma. А ещё распознавать […]

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

Figma Community содержит множество коллекций 3D-изображений и иконок на самые разные темы: бизнес, маркетинг, социальные сети, метавёрс, электронная коммерция, музыка, а также абстрактные 3D-объекты в разных ракурсах и стилях. При работе над проектом вы сможете найти нужные 3D-элементы на все случаи жизни, не выходя из Figma

Я отобрала плагины, которые помогут сгенерировать необходимые элементы для проекта за пару кликов: геометрические или абстрактные шейпы, узоры, аватары, диаграммы, таблицы, волны, цветовые палитры и тени, календари, QR-коды и даже рейтинги из звёзд

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