Перейти к основному содержанию
Variant

Variant: одна фраза на входе — и бесконечные варианты дизайна на скролле

ИИ-дизайнгенерация интерфейсовдизайн-вдохновениепрототипирование

Введите идею приложения или сайта и скролльте бесконечную ленту дизайн-направлений. Никакого холста и бесконечного переписывания промптов: остановитесь на том варианте, который зацепил. Экспорт в HTML и React.

★ 9 Последнее обновление: 2026-11-08 variant.com
Перейти на сайт

Подробное описание

Variant берётся за самое начало

Большинство ИИ-инструментов для дизайна требуют сначала всё объяснить: какой стиль, какая палитра, для кого это. Проблема в том, что именно этого не получается сформулировать, когда идее всего пять минут. Variant меняет пустой холст на визуальный поток, который можно прокручивать: вводите «приложение для путешествий» или «сайт подкаста», крутите дальше — и каждая остановка это другая трактовка, другой визуальный язык.

Автор — Ben South, ранее вице-президент в Postmates, также делал Sonar и Bold. Его тезис: сложное в дизайне — это направление, а не доводка. Люди умеют править макет, они не знают, в какую сторону его вести.

Как это работает

Учиться тут нечему: в углу поле ввода, набираете текст — и генерация не останавливается на одном варианте, она продолжается. Прокручиваете, пока какой-то вариант не покажется верным. Один и тот же промпт может увести очень далеко: то же приложение с загадками выдавалось то смелым красно-оранжевым с одноглазым маскотом и жирным чёрным шрифтом, то глубоким охотничьим зелёным с таблицей лидеров и итальянистой антиквой, то чистым белым с крупной акцидентной антиквой почти журнального масштаба. Структура одна — настроение совершенно разное.

Такой ритм «скролл вместо промптинга» намного быстрее, чем писать запросы; цена — судить обо всём этом потоке результатов приходится самому.

Style Dropper и остальные детали

  • Style Dropper: пипетка для дизайна. Наводите на любой сгенерированный вариант, и она вытягивает его визуальную ДНК — палитру, типографический ритм, плотность пространства — а затем накладывает её на ваш текущий макет, и сетка перестраивается под неё. Сам Ben South описывает это так: «абсурдно, но работает».
  • Shuffle Layout / Remix Colors / Vary Strong·Subtle: локальный переброс уже готового результата — поменять раскладку, пересобрать палитру или получить вариации с разной степенью интенсивности.
  • Экспорт: любой дизайн выгружается в HTML или, по запросу, в код React — визуальный поиск сразу превращается в работающий прототип.
  • Галерея сообщества: видно, до чего доходят другие — от монохромной растровой типографики на флаерах берлинской техно-вечеринки до бруталистских портфолио и фантастических терминалов зелёным по чёрному.

Цена и слабые места

Судя по обзорам третьих сторон, Variant работает по модели freemium: бесплатный лимит порядка 300 дизайнов в месяц, Pro примерно 20 долларов в месяц, для команд — индивидуальное предложение. К этим цифрам стоит относиться как к ориентиру: полные тарифы сайт показывает только внутри рабочего пространства.

Слабое место тоже очевидно: инструмент хорош в том, чтобы дать много направлений, и плох в точной доработке. Наложение элементов, неверные отступы — штатный путь здесь перебросить вариант заново, а не передвинуть вручную. Так что за готовым экраном всё равно придётся идти в Figma или править экспортированный код.

Кому подойдёт

Для самой ранней стадии проекта, когда стиль ещё не определён и нужно за один взгляд сравнить десяток возможностей. Ещё для демонстраций и внутреннего согласования: скинуть ссылку действеннее, чем описывать «хочется что-то поинтереснее и подороже». И не тот инструмент, когда дизайн-система уже есть и осталось только выровнять пиксели.

Footer Design: галерея качественных референсов для футеров сайтов

Библиотека идей для футеров сайтов с фильтрами по типу и стилю — от типографичных и иллюстративных до сеточных, карточных и анимированных; у каждого примера есть отметка редакции и ссылка на оригинал.

Веб-дизайнДизайн футераДизайн-вдохновение

Navbar Gallery: большая коллекция идей для навигации на сайтах

Галерея, которая собирает только удачные примеры навигации на сайтах — с фильтрами по статичным меню, выпадающим спискам, Mega Menu, боковым панелям и поиску; у каждого примера есть ссылка на живой сайт.

Веб-дизайнНавигацияДизайн-вдохновение

shadcn/ui: Создавайте свою библиотеку компонентов

Хорошо спроектированные компоненты, которые вы можете скопировать и вставить в свои приложения. Доступные. Настраиваемые. Open Source.

develop

Scrolltide: кинематографичные шаблоны сайтов со скролл-анимацией и библиотека дизайн-промптов

Библиотека промптов для шаблонов сайтов со скролл-анимацией, компонентов и шейдеров. Копируете промпт, вставляете в ИИ — и получаете страницу, которая действительно двигается, а не выдаёт себя за работу нейросети с первого экрана.

Веб-дизайнПромптыСкролл-анимация

Header Name: бесплатный генератор баннеров

Создавайте бесплатные баннеры для X, LinkedIn, YouTube и GitHub: 48 шаблонов, локальное редактирование, экспорт PNG/SVG и общий ZIP.

freeГенератор баннеровЛичный бренд

Stockimg AI | Генератор фотографий с ИИ: Логотипы, Искусство, Стоковые изображения, Иллюстрации

Stockimg — это универсальный инструмент для дизайна и создания контента, работающий на основе ИИ. Вы можете легко создавать логотипы, иллюстрации, обои, постеры и многое другое.

ai