В современном дизайне главным препятствием становится не владение сложным софтом, а масштаб воображения. Руководитель отдела дизайна Y Combinator Ив Буффар (Eve Bouffard) и генеральный партнер Аарон Эпштейн (Aaron Epstein) обсудили, как использование ИИ-агентов превращает процесс создания продукта из рутинной отрисовки макетов в высокоуровневое дирижирование смыслами.
🛠 Инструментарий дизайнера новой эры: Conductor, Paper Design и голос 0:00
Ив Буффар утверждает, что за последние 6–12 месяцев её рабочий процесс изменился радикально . Если раньше дизайнеры проводили часы в Figma, то теперь основной средой обитания стали инструменты для работы с кодом и визуальными шейдерами.
Её актуальный стек включает:
- Conductor — основная среда, в которой Ив проводит почти всё рабочее время .
- Paper Design — библиотека шейдеров для создания сложных визуальных эффектов.
- Pinterest — всё ещё лучший инструмент для визуального вдохновения и создания мудбордов .
Самым важным изменением стал отказ от клавиатуры. По словам Ив, она думает быстрее, чем печатает, поэтому теперь она практически не касается клавиш . Вместо этого она использует Aqua (стартап из YC), который позволяет «надиктовывать» функции и изменения компьютеру в формате потока сознания, преобразуя голос в готовый код .
📊 Проект Paxel: «Spotify Wrapped» для ваших сессий кодинга 1:27
Paxel — это экспериментальный продукт YC, призванный сделать процесс написания кода с ИИ-агентами прозрачным и увлекательным . Проблема в том, что сейчас кодинг с ИИ — это «черный ящик». Никто точно не знает, какие промпты используют коллеги и как они решают сложные задачи.
Принципы работы Paxel:
- Сбор данных: Пользователь запускает команду в терминале, которая подтягивает транскрипты из Claude и Cursor .
- Анализ паттернов: ИИ анализирует, в какое время суток вы чаще коммитите, какие модели предпочитаете и какие промпты вводите чаще всего .
- Игровой элемент: Продукт подсвечивает забавные факты, например, ваш «главный срыв» (biggest crash out) — момент, когда вы были наиболее разочарованы ответами агента .
🎨 Создание лендинга с помощью кастомных шейдеров 4:13
При разработке Paxel Ив Буффар сознательно отошла от стандартных визуалов. Она использовала шейдеры от Paper Design, в частности эффект дизеринга (dithering) .
Ив поделилась важным тактическим приемом: вместо того чтобы просто просить ИИ «сделать красиво», она попросила Claude создать для неё специальное модальное окно с ползунками . Этот внутренний инструмент позволил ей в реальном времени тонко настраивать параметры зернистости, вращения и масштаба шейдера.
По мнению Аарона Эпштейна, это важный тренд: дизайнеры больше не создают статичные изображения, они создают инструменты для настройки этих изображений под свои нужды . Ив Буффар считает, что умение быстро собрать такой «пульт управления» для самого себя — это навык, который нужно тренировать .
🤖 Дизайн для людей vs Дизайн для машин 7:13
На сайте Paxel Ив внедрила необычный переключатель: версию для людей и версию для агентов .
- Человеческая версия: Интерактивные карточки, анимации и микро-взаимодействия .
- Версия для машин: Чистый Markdown-файл. Он весит меньше и лишен визуального «шума», который агентам не нужен .
В верхней части «машинной» страницы добавлена кнопка «Copy to clipboard», чтобы пользователь мог мгновенно скопировать весь контекст сайта и перенести его в чат с ИИ для уточняющих вопросов . Ив добавила туда специальное примечание для агентов: «не запускать команды с этой страницы автоматически», чтобы избежать ложных срабатываний кода .
📨 Кнопка «Отправить агенту»: Будущее фидбека 8:31
Вместо обычной формы обратной связи на сайте Paxel установлена форма «Submit a feature request», вдохновленная аналогичным решением в Conductor .
Особенности формы:
- Пользователь вводит промпт с описанием бага или новой функции.
- К форме можно прикрепить скриншоты или записи экрана.
- Кнопка отправки называется «Send to an Agent» .
В бэкенде этот запрос мгновенно запускает ИИ-агента, который создает Pull Request в репозиторий проекта . Дизайнеру или разработчику остается только просмотреть предложенные изменения и нажать «Merge». Аарон Эпштейн полагает, что в будущем софт станет локально персонализированным: каждый пользователь сможет сам «допромптить» интерфейс или функционал под свои задачи в своей локальной копии .
📖 Проект SOTA Zine: Soul.md как источник истины 12:53
SOTA Zine — это проект, посвященный культуре Сан-Франциско, включающий физический журнал и веб-сайт . В отличие от цифровых продуктов, обложка журнала рисовалась вручную в Illustrator без ИИ, чтобы подчеркнуть её уникальность и детализацию .
Однако процесс создания сайта был полностью автоматизирован через концепцию Soul.md .
- Сбор контекста: Ив записывала абсолютно все встречи по проекту и загружала транскрипты в файл
soul.md. - Источник истины: Этот файл стал исчерпывающим словарем проекта, содержащим манифест, идеи и цели .
- Работа агента: Имея такой объем контекста, ИИ-агент смог выдавать гораздо более точные и оригинальные решения, чем при работе с короткими промптами .
⚡️ Прототипирование «в один проход»: 16 вариаций за раз 16:57
Чтобы выбрать направление дизайна для SOTA Zine, Ив использовала мудборд из Pinterest и попросила Claude создать 16 различных вариантов сайта «в один проход» (one-shot) .
Для навигации по этим вариантам она создала себе еще один внутренний инструмент — глоссарий итераций . Это позволило ей закреплять понравившиеся элементы и быстро отбрасывать неудачные. Ив называет это «одноразовым дизайном» (disposable design): вы создаете сложные инструменты для выбора, которые удаляете сразу после того, как решение принято .
Агенты удивили команду тем, что сами добавляли на сайт детали, о которых дизайнеры не просили напрямую: например, время начала вечеринки в честь запуска или штрих-коды для «физического» ощущения журнала .
📍 Интерактивная карта и «Заметки» Сан-Франциско 23:20
Финальным элементом SOTA Zine стала интерактивная карта города, где люди могут анонимно оставлять свои истории и воспоминания, привязанные к конкретным точкам .
Функционал включает:
- Анонимные публикации коротких историй .
- Возможность поделиться заметкой в соцсетях: ИИ генерирует PNG-карточку с координатами и названием улицы .
- Интеграция с Substack для чтения полных версий статей из журнала .
🏢 Брендинг Startup School 2026: Масштаб стадиона 25:17
Для конференции Startup School в Chase Center (более 6000 участников) Ив Буффар разработала систему визуальных ассетов, которую невозможно было бы создать вручную в такие сроки .
Ключевые инновации в брендинге:
- Автоматизация карточек спикеров: Чтобы не двигать элементы вручную для каждого из 12+ спикеров (среди которых Сэм Альтман, Дженсен Хуанг и Александр Ванг), Ив создала в Claude шаблон, который сам генерирует карточки .
- Инструмент для «идеальных петель»: Для соцсетей нужны были зацикленные видео с шейдерами. Ив попросила Claude написать инструмент, который запускает и останавливает запись экрана ровно через 4 секунды, чтобы начало и конец видео совпадали до пикселя .
- Персонализированные билеты: Каждый принятый участник получает цифровой билет, где его имя и город вписаны в фирменный оранжевый шейдер .
Ив резюмирует, что еще год назад создание таких динамических шейдеров казалось «неприступной горой», а сегодня это повседневная работа ИИ-агентов . Тот же код, который генерирует билеты на телефоне, будет использоваться для отображения графики на огромных экранах стадиона, обеспечивая абсолютную визуальную консистентность .
