Графика и изображения в Figma - это категория инструментов и функциональностей, предназначенных для создания, редактирования и организации визуальных элементов, таких как векторные иллюстрации, растровые изображения, иконки, логотипы и фотографии, необходимых для проектирования интерфейсов, веб-сайтов и других дизайн-проектов.
Remove BG – это плагин, который позволяет автоматически удалять фон с изображений одним щелчком мыши, используя API remove.bg. Для работы требуется учетная запись remove.bg. Плагин значительно упрощает и ускоряет процесс обработки изображений, избавляя от необходимости вручную выделять объекты и фон.
2. Iconduck - Icons, emojis, illustrations and logos
Iconduck – это плагин для Figma, предоставляющий доступ к более чем 275 000 бесплатных иконок, эмодзи, иллюстраций, логотипов и других графических элементов. С его помощью вы можете легко найти и интегрировать нужные векторные изображения и SVG прямо в свои проекты, используя различные популярные наборы и лицензии с открытым исходным кодом.
Duotones - плагин для Figma, позволяющий быстро и легко применять эффект дуотона к изображениям. Просто выберите фигуру с заливкой изображением, укажите два цвета для светлых и темных тонов, и плагин создаст новый дуотоновый эффект заливки. Вы также можете использовать случайные тона для создания уникальных вариаций. Duotones идеально подходит для добавления стильного и креативного эффекта к вашим изображениям.
Этот инструмент применяет эффект пикселизации/8-битного стиля к изображениям как в растровых, так и в векторных форматах. Он позволяет выбирать фигуры с заливкой изображением, устанавливать размер пикселизации с помощью слайдера и добавлять новый эффект пиксельной заливки. В векторном режиме он создает группу прямоугольников, имитирующих пиксели, заменяя исходное изображение. Следует учитывать, что векторизация может занять время, и существует ограничение в 20 000 блоков, чтобы избежать чрезмерной нагрузки.
BENZIN позволяет бесплатно и автоматически удалять фон с изображений всего одним кликом и за считанные секунды, значительно экономя ваше время. Для использования плагина потребуется учетная запись на benzin.io.
Logoipsum - это бесплатный инструмент, предоставляющий готовые к использованию логотипы в различных стилях и композициях для временного заполнения пустого пространства в ваших макетах. Он идеально подходит для случаев, когда необходимо заполнить место под логотип, пока настоящий логотип еще не готов. Логотипы Logoipsum абстрактны и достаточно гибки, чтобы соответствовать любому графическому стилю, дизайну интерфейса или макету. Регулярно обновляется, предлагая новые варианты логотипов.
Simplify упрощает векторные пути, автоматически уменьшая и перестраивая их сегменты. Выберите один или несколько векторных контуров, которые вы хотите упростить, и запустите плагин - он упростит выбранные пути, и они будут выглядеть более гладкими. Плагин использует алгоритм де Кастельжо для растеризации векторных путей, а затем применяет алгоритм Рамера-Дугласа-Пекера для их упрощения.
Плагин "PDF to Figma" позволяет импортировать PDF-файлы в Figma в виде изображений (одна страница - одно изображение) с максимальным размером 4080x4080 пикселей. В будущем планируется добавить функциональность сохранения слоев и SVG при импорте. Если у вас возникли проблемы с импортом, обратитесь за поддержкой через Twitter @GuamHat.
Преобразует растровые изображения в векторные. Выберите узел или фрейм с заливкой изображением, запустите плагин и получите векторный контур, добавленный на холст. Это позволяет масштабировать изображения без потери качества и редактировать их как векторную графику.
Преобразует выделенные слои в растровое изображение с повышенным разрешением (2x, 3x, 4x, 8x или 10x), обходя ограничение Figma на растрирование только в 1x. Это позволяет получить более качественные растровые изображения выделенных объектов, что особенно полезно при работе с элементами, требующими высокой детализации. Обратите внимание, что при наличии обводок или эффектов, выходящих за границы слоев, положение итогового изображения может незначительно отличаться.
Prism Light Gradients – это набор из 100 кастомных, светлых градиентов в формате PNG. Он является частью большого бандла Prism +600 Gradients, включающего 5 категорий и 16 тем. Эти градиенты идеально подходят для добавления мягких, светящихся переходов и глубины в ваши проекты, делая их более привлекательными и современными. Они могут быть использованы в веб-дизайне, графическом дизайне, иллюстрациях и многих других областях.
12. Displace – pattern glass, noise and glitch effects
Displace - это плагин для Figma, который позволяет создавать впечатляющие эффекты смещения, такие как рифленое стекло, шум и глитч. Плагин идеально подходит для работы с фотографиями и типографикой, предлагая настройку параметров в реальном времени. С его помощью можно легко добавлять уникальные и эффектные визуальные искажения к вашим проектам.
Этот плагин преобразует все растровые изображения в векторную графику и вставляет их в область редактирования. Это позволяет улучшить масштабируемость и качество изображений, особенно при увеличении, а также упрощает их редактирование и интеграцию в различные дизайнерские проекты.
Confetti Genie позволяет создавать случайные паттерны конфетти на холсте, особенно полезен для работы с фреймовыми слоями. Выберите целевые фреймы, укажите плотность конфетти, выберите элементы конфетти из списка (по умолчанию выбраны все), добавьте цвета в палитру или используйте случайные цвета, и затем сгенерируйте конфетти. Это быстрый способ добавить праздничный эффект к вашему дизайну.
Легко преобразуйте свои изображения с помощью плагина Fractal Glass Effect. Больше не нужно переключаться на Photoshop и выполнять длительные действия для создания эффекта фрактального стекла. Создавайте его прямо здесь, в Figma, одним щелчком мыши.
Easy Mockup позволяет создавать мокапы всего за несколько кликов. Просто добавьте изображение устройства, создайте прямоугольник на экране, укажите его как место для мокапа, выберите источник (фрейм, изображение или загрузите новое) и нажмите "Transform". Поддержите разработчиков на Buy Me a Coffee.
Reflect - это универсальный плагин для Figma, позволяющий легко создавать отражения для любых элементов дизайна, таких как фигуры, текст и фреймы. Он позволяет в реальном времени настраивать верхнюю и нижнюю части отражения, добавлять или уменьшать размытие и регулировать прозрачность. Reflect интегрируется в интерфейс Figma и является бесплатным инструментом, который поможет улучшить визуальное восприятие ваших проектов.
Плагин Simple Noise для Figma позволяет добавить текстуру и глубину в ваши дизайны всего за несколько кликов. Создавайте шум с помощью предпросмотра в реальном времени, управляя плотностью, размером и формой элементов. Плагин предлагает инверсию цвета для экспериментов, а прозрачный эффект шума легко интегрируется с вашим дизайном.
Этот виджет позволяет искать и вставлять стикеры Giphy прямо в FigJam и Figma! Добавьте забавные и актуальные GIF-анимации в свои проекты, чтобы сделать их более выразительными и вовлекающими. Используйте Giphy Stickers для визуализации идей, комментирования дизайна или просто для поднятия настроения команде.
Этот плагин для Figma позволяет применять эффект "капли дождя" к выбранным изображениям или фреймам. Он анализирует изображение, позволяет настраивать параметры эффекта и затем вставляет отфильтрованное изображение обратно в ваш макет Figma. Используйте его, чтобы добавить визуальный интерес и реалистичность вашим проектам, имитируя вид капель дождя на поверхности.
Преобразуйте ваши JPEG и PNG изображения в яркие векторные SVG одним щелчком мыши прямо в Figma. Наслаждайтесь высококачественной трассировкой и полноцветными результатами, без лишних усилий.
Преобразуйте любое растровое изображение (PNG, JPG и т.д.) в вашей Figma-файле в трассированную векторную графику за считанные секунды! Это невероятно полезно для создания логотипов, постеров и других векторных изображений, которые необходимо масштабировать без потери качества.
Pixel Princess позволяет превращать векторные линии в пиксельную графику. Выберите векторный объект, укажите размер пикселя и нажмите "Pixelate Selection". Любые изменения вектора будут отображаться в пиксельном представлении в реальном времени. Поддерживаются только линии, примитивы необходимо преобразовать в векторы.
Generista - это простой инструмент для создания генеративной графики. Он идеально подходит для создания абстрактных постеров и генеративных элементов интерфейса. Благодаря легкому в использовании интерфейсу, вы сможете создавать потрясающие процедурные изображения.
Line Synthesizer - это инструмент для создания визуально привлекательных волн, управляемых регуляторами в стиле аудиосинтезаторов. Вдохновленный аппаратными синтезаторами, он позволяет генерировать разнообразные формы волн, манипулируя параметрами, имитирующими работу реального оборудования. Это отличный способ экспериментировать с визуализацией звука и создавать уникальные графические элементы.
26. Dither - Apply amazing dithering effect for any images
Этот плагин, созданный специально для творческих личностей, позволяет применять потрясающие эффекты дизеринга к любым изображениям. Тонко настраивайте детали, добавляйте шум, регулируйте яркость и усиливайте свечение. Поддерживая алгоритмы, такие как Floyd-Steinberg, Bayer ordering, Atkinson и noise dithering, это идеальный инструмент для создания уникальных, динамичных визуальных эффектов.
Преобразите свои визуальные эффекты с помощью VGA Blurrific.exe! Этот плагин позволяет добавлять динамичные эффекты размытия к вашим объектам, изображениям, группам и фреймам. Выбирайте из четырех фильтров: радиального, зум, линейного и Tilt-Shift. Благодаря предпросмотру в реальном времени (с использованием GPU), вы сможете мгновенно оценить результат. Экспорт изображений фиксирован в разрешении 4096 пикселей.
Excalidraw to Figma - это инструмент, позволяющий переносить ваши наброски и диаграммы, созданные в стиле ручной графики в Excalidraw, непосредственно в Figma. Это обеспечивает бесшовную интеграцию между инструментом для быстрого прототипирования и платформой для детальной разработки дизайна, сохраняя при этом уникальный "нарисованный от руки" стиль, что позволяет создавать более выразительные и запоминающиеся интерфейсы.
Функция "Экспорт изображений" позволяет сохранять изображения из текущего проекта в виде отдельных файлов. Это полезно для дальнейшего использования изображений в других приложениях, для создания резервных копий или для отправки их другим пользователям. Поддерживаются различные форматы, такие как PNG, JPG и другие, что дает гибкость в выборе оптимального варианта для конкретной задачи.
Background Remover Pro Free - это бесплатный плагин для Figma, который позволяет мгновенно удалять фон с изображений одним щелчком мыши. Он идеально подходит для дизайнеров любого уровня, стремящихся к эффективности и качеству. Плагин прост в использовании, не требует скрытых платежей, подписок или API-ключей, и совместим с изображениями различных типов, экономя ваше время и позволяя сосредоточиться на творчестве, обеспечивая при этом профессиональное качество результата.
Font Awesome Icons V6 – это библиотека бесплатных векторных иконок версии 6. Используйте ее для добавления масштабируемых иконок на веб-сайты и в приложения. Просто перетащите иконку в свой макет или кликните по ней, чтобы использовать в дизайне. В коллекции представлены разнообразные символы, которые можно легко стилизовать и адаптировать под нужды вашего проекта.
32. Compressed PDF and Image Exporter Figma Plugin Demo File
Демо-файл плагина Compressed PDF and Image Exporter для Figma позволяет экспортировать из Figma уменьшенные по размеру активы, которые легче распространять в сети и удобнее для разработки. Плагин поддерживает экспорт в форматы JPG, WebP, PNG и PDF с возможностью контроля размера и уровня сжатия изображений. Это делает его незаменимым инструментом для оптимизации графики и документов для веб-сайтов и других онлайн-платформ.
VGA Dithercore - это плагин для создания изображений с эффектом дизеринга, имитирующих графику компьютеров 80-х и 90-х годов. Он позволяет импортировать объекты, изображения и фреймы, применять различные фильтры дизеринга и цветовые палитры, а также настраивать разрешение, контрастность и яркость. Идеально подходит для создания ретро-графики с пиксельными узорами и цветовыми схемами старых ПК.
34. Pictographic: Free illustrations (Vector and PNG format)
Pictographic - это обширная библиотека бесплатных иллюстраций в векторном и PNG форматах. Здесь вы найдете более 80 000 изображений в 10 различных стилях. Вы можете добавлять иллюстрации прямо в свои документы или скачивать их. Для SVG формата и возможности изменения цвета требуется платная подписка, PNG доступны бесплатно. При использовании бесплатных иллюстраций требуется указание ссылки на pictographic.io, для коммерческого использования без указания авторства необходима лицензия.
Image2Vector - это плагин, который преобразует изображения низкого разрешения или пиксельные изображения в высококачественную масштабируемую векторную графику. Он легко интегрируется в Figma и позволяет одним щелчком мыши превратить PNG, JPG и другие форматы в векторные изображения с высокой точностью. Экономьте время, избегая ручной перерисовки, и масштабируйте графику без потери качества. Незаменимый инструмент для дизайнеров любого уровня, позволяющий улучшить дизайн и вдохнуть жизнь в пиксельные изображения.
Photo Gradient позволяет создавать потрясающие градиенты вручную или на основе цветов изображения. Просто загрузите изображение, выберите его на холсте или используйте иконку-таргет, чтобы извлечь цвета и превратить их в сетчатый градиент для вашего дизайна. Настройте размещение цветов, добавьте шум, искажение и поэкспериментируйте с их расположением. Этот инструмент создан, чтобы упростить и сделать более увлекательным процесс создания градиентов.
Этот набор текстур имитирует реалистичные брызги краски из баллончика, добавляя вашим проектам эффект урбанистического стиля и необузданной подлинности. В коллекцию входят 10 уникальных текстур, легко интегрируемых в дизайн благодаря формату PNG с прозрачным фоном и простому изменению цвета в Photoshop. Используйте эти текстуры для создания аутентичного и эффектного вида ваших работ.
Синусоида – это фундаментальная математическая кривая, описывающая плавные, периодические колебания. Она широко используется в науке и технике для моделирования различных явлений, включая звук, свет, электромагнитные волны и электрические сигналы. Благодаря своей простой форме и предсказуемым свойствам, синусоида служит строительным блоком для анализа и синтеза более сложных сигналов, а также для понимания волновых процессов в целом.
Примите непредсказуемость и преобразуйте обыденное в необычайное с помощью "vga glitchcore.exe". Этот плагин позволяет применять уникальные глитч-эффекты к вашим объектам, изображениям, группам и фреймам в Figma. Выбирайте из множества эффектов и экспериментируйте, обновляя и перезаписывая результаты, чтобы получить бесконечное количество захватывающих и неповторимых визуальных решений. Откройте для себя красоту цифровых несовершенств и дайте волю своей креативности.
Pointillism - это инновационный плагин для Figma, преобразующий изображения в тысячи векторных точек. Настраивайте размер и плотность точек для достижения идеального эффекта и создания уникального стиля в ваших проектах. Благодаря совместимости с плагинами анимации, такими как Parallax и Shape move, Pointillism открывает захватывающие возможности для анимированных дизайнов. Экспортируйте свои работы в форматах SVG или PNG и с легкостью поднимайте уровень своих проектов.
Batch Format – это плагин, предназначенный для пакетной обработки изображений. Он позволяет быстро и удобно менять режимы масштабирования и смешивания, изменять размеры изображений и удалять стандартный серый фон, что особенно полезно при работе с большим количеством файлов. Этот инструмент упрощает рутинные операции и экономит время при подготовке изображений.
Этот плагин для Figma позволяет быстро применять эффект полутона к любому изображению. Выбирайте из трех форм точек (круги, квадраты, крестики), настраивайте размер и цвет точек для достижения идеального эффекта. Он идеально подходит для создания стилизованных изображений, имитирующих печатную графику, и добавляет визуальный интерес к вашим проектам. Лучше всего работает с контрастными изображениями, не изменяя исходное изображение.
Lil Pixel Icon – это простой в использовании векторный редактор для создания пиксельных иконок размером 16x16. Благодаря интуитивному интерфейсу и ориентации на минимализм, вы сможете быстро и точно создавать стильные и масштабируемые иконки без потери качества. Lil Pixel Icon позволяет легко воплотить очарование пиксельной графики в ваших проектах, добавляя им уникальный визуальный стиль. Создавайте собственные цветовые палитры, используйте режимы зеркального отображения и наслаждайтесь процессом создания пиксельных иконок!
Supa Snapshot - это инструмент для создания потрясающих мгновенных снимков прямо в Figma. Выберите один или несколько слоев, и плагин быстро сгенерирует высококачественный снимок. Сохраняйте идеальные снимки для повторного использования в других проектах, легко экспортируйте их как изображения или делитесь ими в социальных сетях. Интуитивно понятный интерфейс позволяет легко настраивать снимки до совершенства, экономя время и улучшая ваши визуальные материалы.
В сегодняшнем конкурентном рынке приложений, привлекательные визуальные элементы имеют решающее значение для привлечения внимания пользователей и создания неизгладимого впечатления. С правильными инструментами и техниками, плагин GMap упрощает создание потрясающих изображений карт.
Dither it! - это плагин для Figma, позволяющий дизерить изображения, уменьшая количество цветов с сохранением детализации. Он предлагает два стиля дизеринга: Байера (упорядоченный) и диффузию ошибок с более чем 10 алгоритмами. Плагин включает предустановленные и настраиваемые палитры, а также автоматическую генерацию палитры из цветов изображения.
Этот плагин позволяет легко заменять изображения в макете, просто указывая URL нового изображения. Нужно всего лишь кликнуть по нужному слою изображения, ввести HTTPS URL с поддержкой CORS и изображение будет автоматически заменено. Это упрощает обновление визуальных элементов в ваших проектах.
48. Bgwizard - Elevate Your Designs With Colorful Backgrounds
Bgwizard - это Figma плагин, который позволяет дизайнерам легко создавать потрясающие фоны для своих проектов. Он предлагает набор настраиваемых паттернов, текстур и градиентов, которые можно легко добавить в Figma дизайны. С Bgwizard вы можете улучшить свои проекты, используя профессиональные фоны, которые добавляют глубину, текстуру и визуальный интерес.
Dieter Dots - это инструмент для создания круговых точечных узоров, вдохновленных работами Дитера Рамса. Плагин позволяет задавать размер начального кольца, количество колец, размер точек и их масштаб. Он предназначен в основном для создания визуальных артефактов, которые можно добавить в ваши проекты.
Этот инструмент отображает все изображения, используемые в вашем Figma-файле, позволяя быстро находить элементы, использующие определенные изображения, открывать оригинальные URL-адреса изображений для скачивания, копировать все URL-адреса одним касанием и даже скачивать все изображения с помощью сгенерированного скрипта. Он упрощает управление изображениями в ваших проектах Figma, обеспечивая удобный доступ и возможность загрузки всех используемых визуальных ресурсов.