Рейтинг в Figma: Дизайн инструменты

LottieFiles для Figma позволяет дизайнерам легко создавать анимации и экспортировать их в формате Lottie прямо из Figma. Поддерживаются как простые анимации, так и сложные многокадровые последовательности, используя все возможности Figma, включая компоненты, градиенты и пользовательские фигуры. Вы можете создавать привлекательные микроанимации без необходимости быть экспертом в motion-дизайне и использовать более 500 000 бесплатных и премиум анимаций. После чего, экспортируйте готовые к использованию Lottie-анимации для любого цифрового канала.

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

Contrast - это плагин для Figma, который помогает проверять контрастность цветов прямо в процессе работы. Он автоматически определяет цвет фона под выбранным элементом и показывает коэффициент контрастности, а также соответствие требованиям WCAG. Плагин позволяет сканировать целые страницы для выявления проблем с контрастностью текста, поддерживая градиенты и изображения в качестве фона благодаря функции Smart Sampling. Contrast обеспечивает быструю и удобную проверку контрастности, позволяя вносить изменения в реальном времени и гарантировать доступность дизайна.

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

Emailify HTML Email Builder позволяет быстро создавать адаптивные HTML-письма прямо в Figma без необходимости кодирования. Используйте готовые компоненты, настраивайте стили и контент, добавляйте мобильные версии и переводы. Экспортируйте готовые HTML-письма, оптимизированные для популярных почтовых клиентов, и интегрируйте их с платформами email-маркетинга, такими как MailChimp и Klaviyo. Emailify предлагает удобные инструменты для дизайна и экспорта, чтобы создавать профессиональные email-рассылки.

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

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

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

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

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

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

BackgroundCut – это платформа для автоматического удаления фона с изображений. Она позволяет быстро и легко, всего за несколько секунд, удалить фон с любой фотографии. Для работы потребуется API-ключ, который можно получить, создав учетную запись на сайте BackgroundCut. Просто запустите плагин и дождитесь результата – фон будет удален автоматически.

Легкий способ разрезать любое изображение на части, полезный для создания мудбордов или перекомпоновки фрагментов скриншотов. Просто вставьте изображение, нарисуйте фигуры поверх нужных частей и запустите плагин, выбрав изображение и фигуры. Рекомендуется использовать инструмент "перо" для рисования форм.

MPS Wireframe Toolkit 2.1 - это профессиональный набор инструментов для быстрого создания согласованных вайрфреймов. Он включает в себя более 60 элементов, иконок, цветов и стилей, подходящих для UX веб-сайтов, интернет-магазинов и приложений. Обновленная версия 2.1 содержит множество изменений, включая добавленные иконки, улучшенные компоненты, более понятный обзор и дополнительные варианты компонентов, что делает его еще более удобным для проектирования интерфейсов.

Map Maker - бесплатный плагин для Figma, позволяющий добавлять Google Maps на ваши макеты. Выбирайте любое место на карте, один из 20 стилей оформления, тип карты (обычная, спутник и т.д.) и вставляйте изображение прямо в ваш дизайн. Плагин прост в использовании, имеет функцию предпросмотра и запоминает ваши последние настройки.

Physics Animation – это плагин для Figma, позволяющий превращать обычные слои в динамичные анимации с реалистичной физикой без специальных навыков. Он предоставляет широкий выбор шаблонов и поддерживает экспорт в различных форматах, таких как webm, lottie, gif и svg. С помощью Physics Animation вы можете легко создавать впечатляющие анимации и добавлять интерактивности в свои проекты Figma.

Image Compressor - это инструмент для сжатия изображений в форматах WEBP, JPG и PNG. Он позволяет выбирать уровень сжатия, качество, максимальный размер файла и формат вывода. Вы можете оптимизировать ваши изображения для веб-сайтов или других проектов, уменьшив их размер без значительной потери качества.

Kans ? - это административная панель для системы управления больницей (SaaS), разработанная на основе дизайн-системы Metronic. Вы можете свободно использовать и адаптировать этот дизайн для своих нужд. Если вам понравилась концепция, автор призывает оценить работу и оставить отзыв. Если вам требуется разработка подобного дизайна, вы можете нанять автора на Upwork или Freelancer, а также связаться с ним по электронной почте для обсуждения сотрудничества.

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

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

Превращайте URL-адреса в красивые карточки! Идеально для сбора вдохновения, визуального отслеживания ссылок на проекты и для всего, где важна наглядная демонстрация веб-сайта. Используйте для создания коллекций полезных ссылок и заметок с предпросмотром содержимого веб-страниц.

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

AR fish discover app позволяет пользователям быстро погрузиться в мир подводной фауны, используя дополненную реальность для интерактивного изучения рыб. Приложение призвано сделать знакомство с различными видами рыб максимально простым и увлекательным, перенося мобильные приложения на новый уровень интерактивности и визуализации. Разработанное с целью упростить взаимодействие пользователя с информацией, приложение позволяет легко разобраться в разнообразии морской жизни, делая процесс обучения доступным и захватывающим.

Выберите изображение, которое хотите исказить, и перетащите его углы, чтобы деформировать его по своему усмотрению. После завершения нажмите кнопку "Применить", и изменения отобразятся в Figma. Плагин работает аналогично инструменту "Свободное трансформирование" в Photoshop.

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

Variables2CSS - плагин для Figma, который преобразует дизайн-переменные (цвета, числа и строки) в CSS, Sass, Tailwind, Stylus, JSON, Less или Javascript (Styled-Components) переменные. Это экономит время и обеспечивает точность при переносе стилей из Figma в код. Выберите коллекцию и режимы, формат вывода (Hex, RGB, HSL, PX, Rem), включите темы, игнорируйте псевдонимы и добавьте резервные значения. Плагин позволяет экспортировать значения строк, имеет обновленный RGB-формат и сохраняет последние настройки экспорта.

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

Убедитесь, что ваши цвета четко видны одним кликом с помощью алгоритма цветового контраста APCA в WCAG 3.0. Расширение предоставляет предварительный просмотр контраста и текста, список контрастности по уровням для различного контента, а также предлагает варианты цветов для исправления всех нечетких цветов.

Cloner - это простой и удобный инструмент для создания генеративного искусства. Он позволяет создавать уникальные и креативные визуальные работы благодаря интуитивно понятному интерфейсу.

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

OkColor - это плагин для Figma, решающий проблемы восприятия цвета при создании палитр с использованием HSL и HSB. Он использует перцептивно равномерные цветовые модели, такие как OkLCH, для создания сбалансированных палитр, где изменения в значениях соответствуют изменениям в восприятии цвета. Это позволяет легко создавать прогрессивные палитры и точно выбирать цвета в пространстве P3, обеспечивая согласованность восприятия цвета и упрощая процесс дизайна.

Sokka от Omnicreativora – это AI чат-бот, разработанный для помощи дизайнерам и программистам. Он призван оптимизировать рабочий процесс, предлагая интеллектуальные решения и подсказки на каждом этапе, будь то создание пользовательского интерфейса или разработка сложного кода. Sokka становится вашим надежным партнером, помогая повысить эффективность, раскрыть творческий потенциал и достичь новых высот в дизайне и разработке.

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

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

SkewMate - это мощный плагин для Figma, позволяющий легко искажать слои до ±90° по горизонтальной и вертикальной осям. Наслаждайтесь предварительным просмотром изменений в реальном времени, работайте с несколькими слоями одновременно и отменяйте изменения при необходимости. Благодаря чистому и минималистичному интерфейсу Incline предлагает точный контроль над преобразованиями вашего дизайна, что делает его незаменимым инструментом для совершенствования ваших проектов.

Инструмент для создания линейных и площадных диаграмм, идеально подходящий для быстрой и простой визуализации данных. Бесплатная версия позволяет работать с 6 строками и 2 столбцами данных, предлагая стандартную палитру цветов и возможность переупорядочивания строк. Премиум версия расширяет возможности до 50+ строк и 10+ столбцов, предоставляет выбор размеров виджета и шрифтов, поддерживает импорт данных из JSON и CSV, а также настройку цветов. Оптимизирован как для наглядных иллюстраций, так и для точной визуализации данных.

Gradient Generator от Learn UI Design позволяет создавать линейные, радиальные и конические градиенты с интерполяцией в различных цветовых пространствах, что обеспечивает более насыщенные и яркие результаты. Благодаря функции мгновенного обновления вы можете легко просматривать и настраивать градиенты в реальном времени, добиваясь идеального визуального эффекта.

Генератор контрастности цветов помогает дизайнерам и разработчикам создавать доступные веб-сайты, проверяя и подбирая комбинации цветов переднего плана и фона, соответствующие стандартам WCAG (Руководство по обеспечению доступности веб-контента). Он позволяет убедиться, что текст и другие элементы интерфейса достаточно различимы для пользователей с нарушениями зрения или другими ограничениями восприятия цвета, обеспечивая тем самым более удобный и инклюзивный опыт для всех.

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

Этот плагин позволяет с легкостью создавать динамичные, рваные и волнистые линии. Выберите тип линии (волнистая или рваная), укажите необходимые параметры (рекомендуемая минимальная ширина - 100 пикселей) и нажмите "Создать линию".

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

Page Capture позволяет без труда делать полноразмерные скриншоты веб-страниц прямо в Figma, что значительно расширяет ваши возможности в процессе проектирования. Просто введите URL сайта, выберите нужную ширину скриншота (от 320px до 1920px) и нажмите кнопку "Create a screenshot". С бесплатным планом вы можете делать до 20 скриншотов в месяц. Начните создавать скриншоты уже сегодня и улучшите свой дизайн-процесс!

Corona Admin - это тема административной панели Bootstrap 4 премиум-класса с темным дизайном, идеально подходящая для тех, кто предпочитает темные интерфейсы. Она предлагает множество макетов, плагинов, виджетов и компонентов, упрощающих разработку сложных веб-приложений. Бесплатная версия Corona Admin отличается четким дизайном, привлекательной типографикой и искусно разработанными панелями управления.

Contrast Checker позволяет легко проверять соответствие контрастности текста и фона в ваших макетах требованиям WCAG AA или AAA. Добавьте виджет в фрейм, выберите настройки и укажите цвет текста для сравнения с фоном. Плагин сообщит, соответствует ли контрастность заданным стандартам. Идеально подходит для создания дизайн-систем и поддержания высокого уровня доступности ваших проектов.

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

Pinterest Importer позволяет легко и быстро переносить ваши Pinterest-доски в Figma и FigJam. Импортируйте пины, сохраняя структуру досок, и выбирайте нужные секции. Добавляйте доминирующий цвет и ссылки на источник, используя изображения в высоком разрешении. "Pinterest Importer" упрощает процесс создания мудбордов, экономит время и помогает эффективно сотрудничать с командой, объединяя все ваши визуальные идеи в одном месте, прямо в Figma.

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

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

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

Lasso Tool позволяет одним движением мыши выделить и скопировать или вырезать все слои внутри произвольной области, как в Photoshop. Плагин предлагает три режима: стандартное лассо, магнитное лассо для привязки к формам и возможность использовать существующий вектор как выделение. Он работает со всеми типами слоев, будь то векторные объекты, текст, фреймы или группы.