Building Banani: How a Canvas-First AI Designer Is Raising the Floor on Product Design

Слушайте этот эпизод на: Spotify | Apple Podcasts

Что, если будущее продуктового дизайна — не в замене дизайнеров, а в том, чтобы дать каждой команде доступ хотя бы к одному? Для соло-основателей, перегруженных дизайн-команд и стартапов на ранней стадии хороший UX всегда был недостижим. Banani пытается это изменить, создавая ИИ-продуктового дизайнера, который генерирует не просто код — он генерирует дизайн.

В этом эпизоде Just Now Possible Тереза Торрес беседует с Vlad Solomakha (CEO и сооснователь), Vova Parkhomchuk (CTO и сооснователь) и Vlad Ostapovats (Founding Growth) о том, как они превратили Banani из proof-of-concept в виде плагина для Figma в canvas-first ИИ-инструмент для дизайна, генерирующий сотни тысяч дизайнов в неделю. Vlad Solomakha привносит в продукт десятилетие опыта в дизайне — и очень конкретное видение того, что значит для ИИ создавать красивый, со вкусом дизайн, а не средний, безликий UI.

Вы узнаете, как они спроектировали своего агента, чтобы он справлялся с параллельным редактированием экранов, управлял контекстом по каждому экрану на холстах с сотнями фреймов и вносил точечные правки без перегенерации целых экранов. Они подробно разбирают «пропасть спецификации» (gulf of specification) — несоответствие между тем, как дизайнеры мыслят визуально, и тем, как агенты понимают текст, — и то, что они создают, чтобы её сократить.

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

Примечания к выпуску

Гости

Vlad Solomakha, CEO и сооснователь, BananiVova Parkhomchuk, CTO и сооснователь, BananiVlad Ostapovats, Founding Growth, Banani

В этом эпизоде

Почему Banani начинался как плагин для Figma и что они вынесли из раннего органического распространенияПодход canvas-first: почему Banani построен вокруг дизайн-холста, а не чат-интерфейсаКак архитектура их агента разбивает промпты на точечные правки вместо перегенерации целых экрановПроблема «пропасти спецификации» (gulf of specification) и что Banani создаёт, чтобы агенты и дизайнеры заговорили на одном визуальном языкеУправление контекстом на холстах с сотнями экранов — история по каждому экрану с общим контекстом проектаПочему Banani не компилирует работающие приложения — только HTML/CSS-макеты — и как это определяет всёКак они оценивают качество дизайна без традиционных evals: создают 10 экранов по одному промпту, чтобы сравнить моделиИх подход к работе на грани возможного: как определить, какие ограничения моделей нужно обходить, а какие — переждатьРоль context engineering и специализированных инструментов агента в создании дизайна со вкусом и высокого качества

Ресурсы и ссылки

BananiTL Draw

Главы

00:00 Знакомство с основателями01:12 Что создаёт Banani02:18 Почему ИИ-дизайнер03:40 Поднимаем планку дизайна06:23 Почему ИИ наконец был готов10:48 Первый прототип — плагин для Figma14:10 Ранний рост и распространение15:25 Как выделиться на переполненном рынке20:13 Обзор продукта — canvas-first ИИ23:40 Автопилот против ручного контроля27:07 Технологии за высоким качеством дизайна32:08 Мастерство за пределами 80 процентов33:40 Пропасть спецификации36:44 Проактивные интервью агента38:40 Решения в UX по принципу canvas-first42:54 Архитектура агента изнутри48:48 Приёмы работы с состоянием, историей и контекстом52:32 Инструментарий и context engineering56:04 Навигация по насыщенным холстам01:00:13 Ставка на прогресс моделей01:03:47 Релизы в обход несовершенств01:07:20 Попробуйте Banani и дальнейшие шаги01:07:52 Создание Banani MCP01:09:19 Финальные благодарности и завершение

Полная расшифровка

Расшифровки подкастов доступны только платным подписчикам.