Найти в Дзене
Ludmila Frint
3 подписчика

Полезные плагины в Figma

26
6 мин
Веб Текст Иконки Фото Dreamer – генерирует изображение по текстовому запросу Цвет Градиенты Иллюстрации Мокапы Эффекты Анимация Графики Другое Подписывайся на мой телеграм канал – https://t.me/frintapro
Оглавление

Веб

  1. html.to.design – сохраняет любой сайт как макет в Figma. Можно двигать объекты
и редактировать слои
  2. Groupify – группирует и выравнивает компоненты
  3. Target Flow – соединяет между собой экраны,
тем самым просто показывая пользовательские пути
  4. Quantizer – выравнивает все элементы в макете
по сетке
  5. Dark Me – самостоятельно создаёт тёмную тему дизайна
  6. Copy & Rotate – помогает создавать круговые интерфейсы и крутить элементы вокруг своей оси
  7. To Path – Помогает разместить текст или объект по произвольному контуру или геометрической фигуре

Текст

  1. Typescales – позволяет сгенерировать визуальный ритм размеров шрифта
  2. Главред – помогает сделать текст коротким, понятным и честным. Это полезно в тексте для сайтов, блогов, профессиональной литературы, СМИ и рекламе
  3. Circular Text – размещает текст по кругу
  4. To Path – позволяет располагать текст по кривой, а также любые векторные объекты
  5. Fishtext in Russian – создает текст для заголовков, предложений и целых абзацев. Заполняет слои учитывая высоту и ширину
  6. Text Prettier – делает тексты более удобными для восприятия. Заменит кавычки, знак минуса на тире, уберет висячие предлоги и т.д
  7. Typograf – быстро пробегает по тексту и правит грубые ошибки
  8. Soroka – помогает подобрать шрифтовую пару для кириллицы и латиницы
  9. Language Tester – переводит нужный текст на выбранный язык из списка
  10. SBOL Typograph – плагин для исправления и форматирования кириллического текста на основе правил типографики со встроенным Ёфикатором
  11. Type Audit – показывает список всех семейств и шрифтов, используемых в проекте
  12. Fontpair – подбирает шрифтовые пары из Google Font
  13. Perfecter – делает размеры шрифтов интервалов, элементов сбалансированными
  14. Font Explorer – помогает «примерить» интересующие шрифты к проекту и сравнивать их друг с другом
  15. Contento – ”текст-рыба”, который помогает заполнять пустые места в проекте

Иконки

  1. Iconfy – плагин с огромной библиотекой иконок
  2. Feather icons – набор из 182 базовых иконок
  3. Iconhub – помогает правильно организовать и искать свои иконки
  4. Simple Icons – библиотека из 2300 иконок популярных брендов
  5. Icons8 – 3,000,000+ иконок, фотографий и иллюстраций, не выходя из Figma

Фото

  1. Photos – большая библиотека фото и гифок с Unsplash, Flickr и других стоков. Для удобного поиска есть фильтры
  2. ClipDrop – убирает с фото лишние предметы, шумы, фон, текст, улучшает качество изображений
  3. Photopea – уменьшенная, но полезная версия Photoshop внутри Figma
  4. Avatars – генерирует бесплатные аватарки людей
  5. Color Overlay – быстро перекрашивает растровые изображения
  6. vga dithercore.exe – преобразует изображения в пиксельные узоры и схемы в стиле компьютерной графики 90-х
  7. AI Image Upscaler – с помощью нейросети улучшает и масштабирует изображения
  8. Image Adjustements – копирует настройки одного изображения и переносит на другие

Dreamer – генерирует изображение по текстовому запросу

Цвет

  1. Contrast – проверит контрасты в твоём макете
  2. Color Generator – плагин генерирует полноценную палитру оттенков из одного цвета
  3. AI Color Palette – с помощью нейросети генерирует палитры из фото
  4. Random Hues – большая библиотека цветовых палитр и градиентов
  5. Appalette – с помощью Appalette вы можете получить фирменные цвета практически любого приложения, просто найдя его название в поисковой строке
  6. Color Palettes – найдите лучшую цветовую палитру из огромного списка лучших цветовых палитр

Градиенты

  1. Grainy Gradient – плагин помогает сгенерировать уникальные, модные градиенты со стильной дополнительной зернистостью
  2. Morph – плагин с разными эффектами: матовое стекло, сложные градиенты, глич, тени, неон и отражение
  3. Webgradients – подборка из 180 готовых градиентов. Сохраняйте понравившиеся градиенты и находите нужный цвет с помощью фильтра
  4. Random Hues – большая библиотека цветовых палитр и градиентов
  5. uiGradient – плагин включает в себя 350 градиентов для добавления к фреймам, группам и текстам одним щелчком мыши
  6. Mesh Gradient – плагин генерирует градиентное изображение с подложкой в виде двухмерной сетки и позволяет редактировать вершины и края сетки

Иллюстрации

  1. Storyset by Freepik – библиотека векторных иллюстраций от Freepik. Тысячи иллюстрированных концепций с возможностью редактировать цвета и фон
  2. Icons8 – большая библиотека плоских, 3D, векторных и растровых иллюстраций, созданные лучшими художниками Dribbble
  3. illustrations – бесплатные библиотеки популярных иллюстраций для всех, плагин позволяет вставлять высококачественные бесплатные иллюстрации прямо в Figma
  4. Streamline – плагин с большой бибиотекой иллюстраций, иконок и многого другого разработанных в едином стиле
  5. IconScout – большая библиотека настраиваемых иллюстраций
  6. Shapes 3D Airnauts – библиотека абстрактных 3D-форм с вариантами использования
  7. Blobs – создаёт абстрактные шейпы-капли для твоих проектов
  8. Shape Pattern Generator – генерируйте случайные узоры из фигур одним щелчком мыши. Можно добавить сразу несколько фигур, а также настроить стиль для них
  9. Noise Grid Generator – создаёт абстрактные формы в виде сетки

Мокапы

  1. Mockuuups Studio – библиотека с более чем 2500 мокапов. Плагин содержит мокапы для ваших личных или коммерческих проектов
  2. Angle Mockups – библиотека с более чем 1000 мокапов. Помогает вставить свой макет в 3D-мокапы
  3. All Hands Mockup Generator – мокапы iPhone, где свой макет можно вставить за 2 клика
  4. Mockup – большая подборка качественных и удобных мокапов
  5. MockRocket – создавайте потрясающие 3D-макеты устройств в два щелчка мыши. Выберите одну из последних моделей 3D-устройств - iPhone, MacBook, iMac и другие
  6. 3D Transformer – превратите любой кадр в потрясающий 3D-макет мгновенно! Для работы должен быть выбран frame или слой с изображением

Эффекты

  1. Filter / effects – плагин с эффектами из Photoshop. Кривые, контрасты, шумы, размытия, искажения — всё там
  2. Morph – плагин с разными эффектами: матовое стекло, сложные градиенты, глич, тени, неон и отражение
  3. Noise & Texture – генерирует текстуры и шум, внутри много детальных настроек
  4. Glow – добавляет объектам эффект свечения физического источника света
  5. Looper – создаёт из любого шейпа или текста Loop-эффект
  6. Beautiful Shadows – генерирует мягкие и правильные тени

Анимация

  1. Export to GIF/Video – экспортирует анимацию из Figma в формате GIF и MP4
  2. Flipbook – даёт возможность создать пошаговую анимацию в формате gif
  3. Shape move – создаёт анимацию на основе опорных точек векторых фигур
  4. Convertify – помогает перенести файл Figma в Adobe XD или Sketch
  5. Figmotion – позволяет создавать простые анимации внутри фигмы
  6. LottieFiles – импорт анимаций в дизайн
  7. Gifs – гифки для быстрого ипорта в дизайн

Графики

  1. Sparkliner – создаёт графики, используя данные из Excel, CSV или JSON
  2. Map Chart – создаёт визуализацию для диаграмм на основе карт мира
  3. Table Creator – помогает создавать и редактировать таблицы
  4. Charts – позволяет генерировать диаграммы, которые можно добавлять и редактировать в документе Figma

Другое

  1. Pixel Perfect – корректирует дробные значения пикселей
  2. Pattern Hero - делает паттерн и позволяет гибко его настраивать
  3. Stark Accessibility Tools – проверка дизайна для людей с раличными деформациями зрения
  4. Adee Comprehensive Accessibility Tool – проверка контрастности
  5. Figmoji – эмодзи внутри фигмы
  6. Image tracer – снимает вектор с растрового изображения
  7. Warp It – позволяет изгибать текст по опорным точкам
  8. Bibbble – различные готовые элементы для макета
  9. Get Waves – генериует векторные волны и позволяет их настраивать
  10. SmoothShadow – генерирует мягкие тени
  11. Spellchecker – проверяет грамотность
  12. Swap – меняет объекты местами
  13. Sync to Slides – экспортирует фреймы в гугл презентацию
  14. Google Sheets Sync – синхронизация макета с гугл таблицами
  15. Text Prettier – заменяет неправильные типографские знаки в тексте
  16. Zeplin – синхронизаця с зеплином
  17. Figma EX – панелька для плагинов

-2

Подписывайся на мой телеграм канал – https://t.me/frintapro