Как получить хороший дизайн без дизайнера

Думал, кликбейта ради, назвать пост «Дизайнеры не нужны», но (пока) постеснялся.
Давайте разбираться, что сегодня можно выжать из нейронок, чтобы в процессе ни один живой дизайнер не пострадал.

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

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

После какого-то количества экспериментов я пришел к такому флоу:

1. Ищем концепцию

На начальном этапе, когда «хочу то, не знаю, что» и нужно нащупать визуальный язык, иду в Nano Banana Pro (как получить доступ максимально дешево, рассказывал в «Как вайб-кодить на топовых нейронках бесплатно»).

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

При составлении промптов для Бананы справедливо все то же самое, что и для кодинговых агентов: все, что вы не укажете явно, нейронка додумает сама, исходя из «среднего по больнице». Пережестить с подробностями тоже не всегда хорошо — у модели не остается пространства для креатива.

Но так как на выходе просто картинка, цена ошибки — несколько секунд на повторную генерацию. Так что я сильно не заморачиваюсь и генерю, пока результат не начинает нравиться.

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

2. Создаем спеку

Когда получилась картинка, которая вам нравится, попросите Gemini составить по ней подробную дизайн-спеку. Уточните, какие именно разделы нужны и для чего вы будете использовать спецификацию: фирменный стиль (цвета, шрифты, etc.), генерация дизайн-системы, веб-интерфейс, мобильные приложения, полиграфия, мерч и так далее. По пути можно с нейронкой придумать и смысл нового бренда.

3. Докручиваем

Теперь у нас есть спека и референсы. Возвращаемся к своему кодинговому агенту, подключаем frontend-design skill, который я уже упоминал в посте про вайб-кодинг и пробуем получить финальный результат.

Если получилось то, что хотелось — поздравляю, вы великолепны!

Если же нужно еще докрутить, то можно подключить MCP-сервер (в Antigravity накликается просто из готового списка MCP) и скиллы для Google Stitch (их там целая пачка). Кодинговый агент сам создаст в Stitch проект и сгенерит дизайн на основе спеки и ваших промптов.

Далее уже в интерфейсе Stitch можно отшлифовать детали и забрать результат обратно в код.

Иллюстрации и иконки тоже можно рисовать не уходя из интерфейса кодингового агента через MCP Nano Banana. И тут снова не могу не порекламировать Antigravity, так как там интеграция из коробки.

Поделитесь, удается ли вам вайб-дизайнить или пока без профессиональных дизайнеров не обойтись?

#vibe

@devspotting