newsmode
search
Меню
arrow_back Назад

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

auto_awesomeКраткое саммари

Эпизод подкаста «Just Now Possible» с Терезой Торрес посвящён Banani — ИИ-продуктовому дизайнеру, который генерирует не код, а сам дизайн, делая качественный UX доступным для соло-основателей, перегруженных дизайн-команд и стартапов на ранней стадии. В разговоре участвуют сооснователи Vlad Solomakha (CEO), Vova Parkhomchuk (CTO) и Vlad Ostapovats (Founding Growth), которые рассказывают, как из proof-of-concept в виде плагина для Figma выросли в canvas-first инструмент, генерирующий сотни тысяч дизайнов в неделю. Они объясняют архитектуру своего агента: параллельное редактирование экранов, управление контекстом по каждому экрану на холстах с сотнями фреймов и точечные правки без перегенерации целых экранов. Отдельно обсуждается «пропасть спецификации» (gulf of specification) — несоответствие между визуальным мышлением дизайнеров и текстовым пониманием агентов. Также затрагивается, почему Banani создаёт только HTML/CSS-макеты, как они оценивают качество дизайна без традиционных evals и как делают ставку на прогресс моделей.

Listen to this episode on: Spotify | Apple Podcasts

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

What if the future of product design isn't about replacing designers — it's about giving every team access to one? For solo founders, stretched design teams, and early-stage startups, great UX has always been out of reach. Banani is trying to change that by building an AI product designer that doesn't just generate code — it generates design.

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

In this episode of Just Now Possible, Teresa Torres talks with Vlad Solomakha (CEO & Co-founder), Vova Parkhomchuk (CTO & Co-founder), and Vlad Ostapovats (Founding Growth) about how they built Banani from a Figma plugin proof-of-concept into a canvas-first AI design tool generating hundreds of thousands of designs per week. Vlad Solomakha brings a decade of design experience to the product — and a very specific vision of what it means for AI to produce beautiful, tasteful design rather than average, undifferentiated UI.

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

You'll hear how they engineered their agent to handle parallel screen edits, manage per-screen context across canvases with hundreds of frames, and make surgical edits without regenerating entire screens. They dig into the "gulf of specification" — the mismatch between how designers think visually and how agents understand text — and what they're building to close it.

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

It's a detailed look at what it takes to build an AI-native design tool that puts the designer in the driver's seat while letting the agent handle the production work.

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

Show Notes

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

Guests

Гости

  • Vlad Solomakha, CEO & Co-founder, Banani
  • Vova Parkhomchuk, CTO & Co-founder, Banani
  • Vlad Ostapovats, Founding Growth, Banani
  • Vlad Solomakha, CEO и сооснователь, BananiVova Parkhomchuk, CTO и сооснователь, BananiVlad Ostapovats, Founding Growth, Banani

    In this episode

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

  • Why Banani started as a Figma plugin and what they learned from early organic distribution
  • The canvas-first approach: why Banani is built around a design canvas rather than a chat interface
  • How their agent architecture splits prompts into surgical edits instead of regenerating full screens
  • The "gulf of specification" problem and what Banani is building to help agents and designers speak the same visual language
  • Managing context across canvases with hundreds of screens — per-screen history with shared project context
  • Why Banani doesn't compile running applications — just HTML/CSS mockups — and how that shapes everything
  • How they evaluate design quality without traditional evals: spinning up 10 screens from one prompt to compare models
  • Their approach to building at the edge of what's possible: identifying which model limitations to work around vs. wait out
  • The role of context engineering and specialized agent tools in producing tasteful, high-quality design
  • Почему Banani начинался как плагин для Figma и что они вынесли из раннего органического распространенияПодход canvas-first: почему Banani построен вокруг дизайн-холста, а не чат-интерфейсаКак архитектура их агента разбивает промпты на точечные правки вместо перегенерации целых экрановПроблема «пропасти спецификации» (gulf of specification) и что Banani создаёт, чтобы агенты и дизайнеры заговорили на одном визуальном языкеУправление контекстом на холстах с сотнями экранов — история по каждому экрану с общим контекстом проектаПочему Banani не компилирует работающие приложения — только HTML/CSS-макеты — и как это определяет всёКак они оценивают качество дизайна без традиционных evals: создают 10 экранов по одному промпту, чтобы сравнить моделиИх подход к работе на грани возможного: как определить, какие ограничения моделей нужно обходить, а какие — переждатьРоль context engineering и специализированных инструментов агента в создании дизайна со вкусом и высокого качества

    Resources & Links

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

    Chapters

    Главы

    00:00 Meet the Founders
    01:12 What Bonani Builds
    02:18 Why an AI Designer
    03:40 Raising the Design Floor
    06:23 Why AI Was Finally Ready
    10:48 First Prototype Figma Plugin
    14:10 Early Growth and Distribution
    15:25 Standing Out in a Crowded Market
    20:13 Product Tour Canvas First AI
    23:40 Autopilot vs Manual Control
    27:07 Tech Behind High Quality Design
    32:08 Craft Beyond 80 Percent
    33:40 Gulf of Specification
    36:44 Proactive Agent Interviews
    38:40 Canvas First UX Choices
    42:54 Agent Architecture Under Hood
    48:48 State History Context Tricks
    52:32 Tooling Context Engineering
    56:04 Navigating Busy Canvases
    01:00:13 Betting on Model Progress
    01:03:47 Shipping Around Imperfections
    01:07:20 Try Banani and Next Steps
    01:07:52 Building the Banani MCP
    01:09:19 Final Thanks and Wrap

    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 Финальные благодарности и завершение

    Full Transcript

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

    Podcast transcripts are only available to paid subscribers.

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