Эра агентного дизайна: как Стивен Хани и Paper меняют подход к созданию софта 0:00
Искусственный интеллект кардинально меняет не только инструменты, которыми пользуются дизайнеры, но и всю культуру создания, выпуска и позиционирования продуктов. В эпизоде шоу Design Review генеральный партнер Y Combinator Аарон Эпштейн обсудил со Стивеном Хани, основателем AI-native инструмента дизайна Paper, эволюцию визуального проектирования в эпоху ИИ.
По словам Хани, создание стартапа должно строиться вокруг того, чем основатель готов заниматься при любых обстоятельствах. Инструмент Paper вырос из личной страсти автора к креативным технологиям и желания создать среду, полностью адаптированную под новую архитектуру взаимодействия человека и искусственного интеллекта.
Что делает Paper агентно-ориентированным инструментом? 3:17
Исторически сложилось так, что традиционные дизайнерские платформы используют собственные закрытые механизмы рендеринга. По мнению разработчиков, это создает высокие барьеры для автономных агентов, увеличивая расход токенов, снижая скорость работы и повышая уровень галлюцинаций.
- HTML и CSS как движок: В качестве основы для рендеринга Paper использует стандартные веб-технологии, понятные языковым моделям «из коробки».
- Стирание границ между дизайном и кодом: Платформа изначально проектировалась для бесшовного взаимодействия человека, визуального интерфейса и ИИ-агентов, работающих с локальными репозиториями.
- Визуальный интерфейс для промптинга: Как отмечает Хани, текстовый ввод далеко не всегда удобен для точной настройки графики, поэтому визуальное перетаскивание и прямое манипулирование элементами ускоряют процесс.
Практика и маркетинг: шейдеры, шрифты и кастомные ассеты 5:11
Команда Paper использует нестандартный подход к продвижению продукта, направляя основные усилия не на классическую рекламу, а на создание полезных библиотек и инструментов для открытого сообщества.
- Библиотека Paper Shaders: Открытая коллекция WebGL-анимаций позволяет бренд-дизайнерам внедрять современные градиенты и визуальные эффекты в один клик.
- Фирменный шрифт Paper Mono: Новый моноширинный шрифт разработан с особым акцентом на читаемость цифр, что выгодно отличает его от аналогов, созданных исключительно для терминалов.
- Генерация и векторизация: Встроенная мультимодельная система позволяет одновременно тестировать несколько вариантов иллюстраций и мгновенно извлекать палитры для быстрых итераций.
Ревью пользовательских интерфейсов и борьба с «дизайнерским слопом» 16:48
В ходе живой демонстрации ведущий и гость проанализировали сайты нескольких стартапов, выделив главные ошибки, которые выдают автоматизированную генерацию интерфейсов.
- Избыток жирного начертания (Bold): По наблюдениям Хани, языковые модели склонны использовать слишком тяжелые шрифты, которые утяжеляют восприятие и лишают бренд солидности.
- Хаотичные размеры и лишние элементы: Использование пяти-восьми вариантов кегля текста и обилие случайных декоративных иконок создают визуальный шум.
- Типичные «пасхалки» ИИ: Повсеместные градиенты фиолетовых оттенков, темные темы по умолчанию и мелкие плашки с избыточными отступами делают продукты похожими друг на друга.
Стивен Хани о важности минимализма: «Многие элементы дизайна сводятся к удалению лишнего. Избежать «шаблонного» вида помогает сокращение веса шрифтов и ограничение базовых размеров».
Архитектура нового стека и внутренние процессы команды 43:56
Несмотря на активное внедрение автономных инструментов, команда Paper сохраняет строгий контроль над качеством исходного кода. Из 12 сотрудников компании каждый инженер тщательно проверяет каждую строку кода вручную, поскольку производительность интерфейса на уровне 120 кадров в секунду требует исключительной точности.
- Разделение ролей: Полноценный запуск маркетингового сайта компании был реализован бренд-дизайнером без классического бэкграунда программиста всего за неделю благодаря связке Paper и текстовых подсказок.
- Интеграция с редакторами: Поддержка MCP-серверов в настольном приложении позволяет бесшовно переносить элементы между визуальным холстом и средой разработки вроде Cursor.
