Генераторы - это плагины в Figma, позволяющие автоматизировать создание повторяющихся элементов дизайна, контента или структуры макета, опираясь на заданные параметры, данные или логику, что существенно ускоряет процесс проектирования и помогает поддерживать единообразие в дизайн-системе.
Noise - это инструмент для добавления реализма и маскировки полос в градиентах в Figma. Он позволяет создавать разнообразные текстуры, такие как облака, потёртости и разводы, с помощью настроек сглаживания, глубины и растяжения. Функция виньетирования добавляет плотность шума к краям, а управление цветом и режимы смешивания позволяют добиться профессиональных текстурных эффектов, улучшая визуальное восприятие дизайна.
Создавайте плавные и красивые тени с помощью этого плагина. Просто перетащите «источник света», чтобы отбрасывать тень на выбранные элементы. Плагин генерирует валидные CSS-стили "box-shadow". Вы можете легко скопировать CSS-значения из панели Inspect в Figma. Плагин с открытым исходным кодом и лицензией MIT.
Noise & Texture - это плагин Figma для динамической генерации бесшовных текстур, паттернов, градиентов и шумов. Выберите слой и добавьте нужную текстуру или шум. Меняйте настройки и наблюдайте, как ваши слои обновляются в режиме реального времени. Также присутствует возможность экспорта в iframe/html/video и расширенные настройки градиентов.
С «Wave & Curve» вы легко создадите разнообразные волны и интересные узоры! Поддерживаются четыре режима: с двумя контрольными точками (кубическая кривая), с одной (квадратичная кривая), дуга и квадрат. Выберите направление волн: вверх и вниз, только вверх или только вниз. Замки возле параметров (появляются при наведении) позволяют зафиксировать их при случайной генерации.
BlendingMe - это простой и удобный плагин для создания плавных переходов между двумя линиями, эллипсами или прямоугольниками. Просто выберите два объекта, укажите количество шагов смешивания и нажмите "Создать". Плагин позволяет в реальном времени настраивать траекторию смешивания, цвет, толщину обводки, прозрачность и другие параметры. Вы можете менять положение, размер, поворот объектов, добавлять размытие и изменять радиус скругления углов. Как только результат вас устроит, просто закройте плагин.
Плагин Noisy Gradients использует алгоритм Metavatar для создания потрясающих градиентных фонов в различных крутых цветах. Он также имеет функцию добавления шума, чтобы сделать градиенты еще более визуально привлекательными. Для более яркого результата можно дублировать изображение и изменить режим наложения.
7. Tailwind CSS Color Generator
Erik de Vries |
12.08.2023 |
Установок: 24 903 ( +251) |
Лайков: 2918 ( +17) | Комментариев: 34
Tailwind CSS Color Generator - это инструмент для быстрого создания полной цветовой палитры Tailwind CSS на основе одного HEX или HSL кода, либо случайного цвета. Он генерирует переменные, стили и руководство по цветам, упрощая интеграцию новых цветов в ваши проекты Tailwind CSS и обеспечивая визуальное представление цветовой шкалы для удобства использования.
ShaderGradient позволяет создавать уникальные анимированные градиенты в 3D, настраивая цвета, формы, движения, освещение и эффекты зернистости. Вы можете зафиксировать изображение градиента, добавить его в Figma в виде GIF, или экспортировать как GIF/видео для использования в других проектах. ShaderGradient также доступен как компонент для Framer и React.
9. i Charts Generate - line chart / bar chart / pie cahrt / radar chart / scatter / radial
i Charts Generate - это плагин для создания разнообразных диаграмм, включая линейные, столбчатые, круговые, радарные, точечные и радиальные. Он отличается поддержкой переменных и позволяет настраивать внешний вид элементов диаграмм, в том числе создавать собственные графические представления для столбцов. Вы можете загружать и сохранять свои наборы данных для повторного использования, а также импортировать данные и конфигурации из существующих диаграмм, чтобы быстро адаптировать их стиль, не меняя исходные данные.
Vector Field Generator позволяет создавать настраиваемые векторные поля, изменяя более десяти различных параметров. Плагин генерирует матрицу с линиями, имитирующими математические векторные поля, используя тригонометрию. Также доступна функция рандомизации, которая позволяет случайным образом изменять количество строк, столбцов, отступы и размер ячеек, упрощая процесс исследования и создания разнообразных векторных полей.
NFT Generator позволяет создавать до 10 000 уникальных NFT-артов одним нажатием кнопки. Смешивайте различные атрибуты, настраивайте редкость и используйте правила несовместимости для генерации тысяч неповторимых NFT. Экспортируйте метаданные в формате JSON и легко создавайте коллекции NFT, настраивая варианты компонентов и используя мастер-компонент с экземплярами каждого атрибута.
Shumi noise - это генератор шума с настраиваемыми параметрами для быстрого применения к элементам дизайна. Он позволяет легко настраивать шум, автоматически применять его к объекту при изменении параметров и сохранять настройки. Shumi noise поддерживает создание текстур шума с частицами меньше пикселя, настройку цвета, количества, прозрачности, масштаба и режима наложения. Он также позволяет применять текстуры шума к выбранным элементам, включая геометрические фигуры, векторные объекты и текст.
Дайте волю своему творчеству с Pixel Art Generator для Figma! Рисуйте с нуля, пикселизируйте изображения или создавайте забавные пиксельные изображения из эмодзи. Настраивайте размер сетки, используйте готовые палитры или создавайте свои, добавляйте скругление пикселям и экспортируйте готовые работы в PNG или SVG (в Pro версии). Создавайте уникальные пиксельные арты прямо в Figma!
Button Generator – это инструмент, позволяющий быстро и легко создавать стильные кнопки для вашего веб-сайта или приложения. Он предоставляет широкий спектр настроек: от выбора цвета и шрифта до добавления теней и градиентов, позволяя вам создать кнопку, идеально соответствующую вашему дизайну. С Button Generator вы сможете создавать привлекательные кнопки без знания кода, экономя время и усилия.
Создавайте бесшовные текстуры шума для ваших проектов. Полный контроль над плотностью, размером и другими параметрами шума. Добавляйте текстуру и шероховатость своим проектам всего в несколько кликов. Экспериментируйте с новыми стилями.
Этот плагин позволяет легко создавать абстрактные векторные фоны. Он идеально подходит для дизайнеров и разработчиков, которым нужно быстро и просто сгенерировать уникальный и стильный фон для веб-сайтов, презентаций или других проектов. С помощью этого плагина вы можете создавать красочные и абстрактные векторные фоны без необходимости использовать сложные инструменты дизайна.
VGA Asciicore превращает любой дизайн в завораживающие ASCII-арт шедевры. Импортируйте объекты, изображения и фреймы, настраивайте разрешение, контраст и выбирайте символы для создания уникального текстового искусства. Идеально подходит для добавления ностальгии или проявления креативности в цифровом виде. Оптимизирован для моноширинных шрифтов.
18. WaveCraft: Beautiful backgrounds, banners and headers
WaveCraft позволяет пользователям генерировать SVG-изображения, имитирующие культовые волны macOS Big Sur, непосредственно в Figma, создавая красивые фоны, баннеры и заголовки. Плагин предлагает широкие возможности настройки, включая размер, цвета, формы волн, градиенты и множество параметров конфигурации, позволяя адаптировать каждый дизайн под конкретные нужды проекта. После создания, эти SVG легко добавляются на холст Figma, обеспечивая бесшовную интеграцию и дальнейшее редактирование.
Patterns generator – это плагин для Figma, который позволяет создавать фигуры с узорами одним щелчком мыши. Вы можете легко генерировать разнообразные паттерны, добавлять любимые в историю для быстрого доступа и даже экспортировать/импортировать их для обмена с другими. В будущем планируется добавление функций генерации текстовых паттернов, поиска шаблонов, случайной плотности и базового цвета, а также различные эффекты для узлов.
CSV Populate позволяет заполнять текстовые слои данными из CSV-файлов и автоматически генерировать новые элементы. Просто загрузите CSV, переименуйте текстовые слои в Figma, добавив "#" к заголовкам столбцов, выберите родительский элемент для клонирования и запустите плагин. Он ищет текстовые слои внутри выбранного элемента и заполняет их данными из CSV, создавая копии элемента для каждой строки в файле. Плагин поддерживает фреймы, группы, компоненты и текстовые слои, но пока изменяет только текстовые слои.
Игральная кость - это инструмент для случайного выбора, используемый в играх или для принятия случайных решений. Щелкните по кости, чтобы бросить ее! Копируйте и вставляйте, чтобы создать несколько штук. Это полезно для игр или случайного выбора участников для мероприятия.
22. Random Linechart
Giovanni Magni |
17.03.2022 |
Установок: 1 738 ( +1) |
Лайков: 49
Этот инструмент позволяет быстро создавать случайные графики, что идеально подходит для тестирования или визуализации концепций, когда реальные данные недоступны. Он прост в использовании и предлагает базовую настройку для генерации разнообразных линейных графиков. Это удобный способ получить визуальное представление данных, не тратя время на создание данных вручную.
Logo Mosaic Creator - это инструмент для создания эффектных лого-стен, автоматически адаптирующий размер изображений под контейнер для единообразного вида. Он предлагает настраиваемые формы контейнеров, позволяя изменять стили границ, заливку и тени, делая дизайн уникальным. Благодаря гибкому управлению макетом, вы можете задавать количество логотипов в строке, а также использовать автоматическую расстановку элементов с возможностью перетаскивания для быстрого и удобного создания макета.
AI Text Generator - это удобный плагин Figma, который помогает дизайнерам переписывать текст в пару кликов. Он использует OpenAI GPT-4 для создания умных и креативных текстовых предложений, таких как названия, заголовки или даже Lorem Ipsum, прямо там, где это необходимо. Плагин автоматически определяет длину выбранного текста и генерирует оптимальное количество слов для альтернатив. Вы также можете добавлять собственные подсказки для большего контроля, создавать любой тип текста на разных языках и с разным количеством слов.
Emboss lines создает интересные рельефные узоры из векторных слоев. Выберите векторные слои с фигурами, настройте параметры (значения по умолчанию оптимальны) и нажмите "Create lines". Инструмент имеет ограничения: не более 80 линий в узоре и 20 слоев для пакетного создания, работает только с векторными слоями.
@sposhe/poisson генерирует случайное распределение элементов на заданной области, обеспечивая минимальное расстояние между ними. Он идеально подходит для создания разнообразных паттернов и текстур, где важна непредсказуемость и равномерность распределения. Дополнительно, позволяет рандомизировать поворот элементов для большей вариативности.
Этот плагин позволяет с легкостью создавать динамичные, рваные и волнистые линии. Выберите тип линии (волнистая или рваная), укажите необходимые параметры (рекомендуемая минимальная ширина - 100 пикселей) и нажмите "Создать линию".
Устали постоянно набирать поддельные суммы? Не знали, что форматы валют могут так отличаться? Этот плагин сгенерирует корректно отформатированные суммы в любой валюте и на любом языке мира. Выберите нужные параметры, установите предпочтения, и плагин предоставит готовый результат. Amounter избавит вас от рутинного ввода сумм и позволит использовать правильные форматы валют для разных локализаций.
Генератор облаков слов позволяет создавать визуально привлекательные представления текстовых данных. Просто вставьте текст, настройте размер и плотность облака, выберите цветовую схему (использовать цвета документа или случайную палитру) и сгенерируйте облако слов одним нажатием кнопки. Этот инструмент идеально подходит для быстрого выделения ключевых тем и понятий в тексте, делая анализ данных более наглядным и интуитивным.
Zebra Code для Figma - это плагин, позволяющий создавать различные типы штрих-кодов и QR-кодов непосредственно в ваших проектах Figma. Он поддерживает широкий спектр форматов, включая QR CODE, UPC, EAN, CODE, CODABAR, POSTNET и другие. Просто выберите текстовый элемент, укажите нужный тип кода и нажмите "Generate". Плагин автоматически сгенерирует штрих-код и вставит его в ваш макет.
Легко создавайте и настраивайте SVG-паттерны прямо в Figma с помощью этого мощного инструмента. Генерируйте сложные узоры, настраивая количество строк и столбцов, размеры фигур и интервалы. Выбирайте круги, квадраты или треугольники, подбирайте цвета и рандомизируйте размеры для придания органичного вида. Просматривайте паттерны в реальном времени и применяйте их к своим дизайнам. Идеально подходит для создания уникальных фонов, добавления текстуры к иллюстрациям и формирования повторяющихся элементов дизайна, значительно упрощая ваш рабочий процесс.
Генератор визитных карточек позволяет создавать профессиональные визитки в массовом количестве, используя автоматическую подстановку данных. Просто загрузите CSV-файл с информацией, и программа сгенерирует тысячи уникальных визитных карточек, экономя ваше время и ресурсы.
Color Scale Z - это плагин для создания цветовых шкал в Figma. Он позволяет генерировать градиенты цветов на основе заливки выбранного объекта (прямоугольника или эллипса) в направлении белого, черного, комплементарных цветов и т.д. Также, можно получить шкалу, выбрав два конкретных объекта и создав плавный переход между их цветами. Этот плагин удобен для дизайнеров, стремящихся создать гармоничные и визуально привлекательные цветовые палитры для своих проектов.
Откройте для себя мир математического искусства с thirteen23 harmonographs! Этот мощный инструмент позволяет создавать замысловатые и красивые геометрические узоры, основанные на принципах гармонического движения. Настройте свой гармонограф, изменяя частоту, амплитуду и шаги в простом режиме, или переключитесь в расширенный режим для большего контроля. Если вам нужно вдохновение, нажмите кнопку "Spin Me" для случайного гармонографа. Этот плагин имеет открытый исходный код.
Easy Gradient - это плагин, который позволяет легко и быстро генерировать различные градиенты для ваших проектов. Просто укажите количество необходимых градиентов, выберите желаемый стиль, и плагин автоматически создаст их для вас. С Easy Gradient вы сможете сэкономить время и усилия, получив широкий спектр готовых градиентов для использования в дизайне.
Этот плагин Figma позволяет создавать векторные снежинки с настраиваемым количеством лучей, длиной ветвей, толщиной обводки и другими параметрами. Можно случайным образом изменять определенные параметры и сохранять любимые варианты в виде пресетов для повторного использования. Создавайте уникальные, вдохновленные зимой дизайны без усилий!
Mondrian Grid Generator - это плагин для Figma, предназначенный для создания геометрических узоров в стиле Мондриана. Он предлагает пользователям инструменты для настройки параметров, таких как уровни сетки, толщина обводки и соотношение разделения ячеек, открывая широкий спектр дизайнерских возможностей. Плагин генерирует рандомизированный, уникальный результат в рамках заданных пользователем ограничений. Он особенно полезен для дизайнеров, стремящихся быстро создавать абстрактные, геометрически структурированные произведения искусства или фоны в характерном стиле Мондриана непосредственно в своих проектах Figma.
Генерирует множество перекрывающихся кругов со сложными, многоцветными градиентами. Случайным образом подбирает цвет, размер и положение для создания органичных, неповторяющихся дизайнов. Регулируемая прозрачность и точки градиента позволяют точно настроить яркость форм. Идеально подходит для создания абстрактных фонов, цифрового искусства и уникальных элементов дизайна.
Web3 Random Address Generator позволяет легко создавать и перегенерировать фиктивные публичные ключи для различных блокчейн-сетей, включая Ethereum, Polkadot и Kusama. Этот инструмент полезен для тестирования, разработки и демонстраций, где требуются случайные и не связанные с реальными пользователями адреса, без необходимости создавать настоящие кошельки. Он упрощает генерацию адресов в нужном формате для конкретной сети, экономя время и усилия разработчиков.
Создайте QR-коды прямо в Figma за считанные секунды с помощью QR Code Maker (free). Просто введите URL, выберите цвет и нажмите кнопку "Вставить QR-код". Плагин позволяет создавать неограниченное количество QR-кодов без лицензионных ограничений, при этом длина URL не имеет значения. QR-коды легко кастомизируются по цвету и автоматически добавляются на верхний слой вашего проекта, что упрощает их поиск. Все сгенерированные QR-коды бесплатны и готовы к использованию в любых проектах.
Плагин Geometric Pattern Generator для Figma позволяет дизайнерам легко создавать потрясающие геометрические узоры в стиле Баухаус прямо в фреймах или группах. Гибкие настройки позволяют настраивать размер сетки, плотность и цвета для создания уникальных дизайнов. Выбирайте случайные цветовые палитры или задавайте собственные цвета, а интуитивно понятные ползунки позволяют управлять плотностью узора. Плагин также позволяет динамически добавлять, удалять и изменять пользовательские цвета. Идеально подходит для создания декоративных фонов, визуальных элементов дизайна и многого другого, сохраняя полный творческий контроль.
Этот Figma плагин использует API Gemini и требует бесплатный API ключ от Google (получить можно здесь: aistudio.google.com/app/apikey). С Gemini AI Wireframe Creator вы можете создавать прототипы интерфейсов, используя возможности Gemini 2.0 Flash. Плагин позволяет бесплатно создавать до 1500 макетов в день. Не стесняйтесь делиться идеями и предложениями, а также поддержать плагин оценкой.
Date-Time Generator – это универсальный инструмент для создания и управления датами и временем. Он предлагает гибкие форматы даты и времени, а также позволяет генерировать даты как случайным образом, так и с заданными интервалами, обеспечивая точные начальные даты и настраиваемые промежутки. Кроме того, он упрощает работу с большим количеством текстовых полей, позволяя эффективно управлять ими одновременно.
Этот генератор случайных списков поможет вам преодолеть неловкие паузы во время обсуждений. Добавляйте участников вручную, вводя имена через строку, или автоматически, заменив список текущими пользователями FigJam. Просто нажмите кнопку перемешивания, чтобы получить случайный порядок выступающих и оживить беседу.
QR Code Generator позволяет мгновенно создавать векторные QR-коды. Просто введите данные, и сразу же получите живой предпросмотр вашего QR-кода. Доступна интеграция с OpenQR для создания динамически обновляемых QR-кодов. Поддерживаются различные типы QR-кодов: текст, URL, телефонный звонок, SMS и GEO.
Dot Matrix – это плагин для Figma, позволяющий создавать настраиваемые точечные иконки размером 11x11. Вы можете проектировать иконки, переключая точки на сетке, а плагин генерирует два фрейма размером 24x24 пикселя: один с белым фоном и черными точками, а другой – с черным фоном и белыми точками. Этот инструмент идеально подходит для создания простых пиксельных иконок или паттернов прямо в Figma.
Игральные кости Grafit Academy разработаны специально для настольных игр. Эти кубики, вероятно, используются для определения случайных результатов, что является общим элементом механики многих настольных игр. Они могут помочь игрокам продвигаться по игре, определять исход сражений или активировать случайные события. С их помощью игра становится более непредсказуемой и захватывающей.