The internal AI tool that’s transforming how Stripe designs products | Owen Williams

Внутренний ИИ-инструмент, который меняет подход Stripe к проектированию продуктов | Owen Williams

Owen Williams — дизайн-менеджер в Stripe, создавший Protodash, внутреннюю платформу для прототипирования на базе ИИ, которая позволяет дизайнерам и продакт-менеджерам создавать высококачественные прототипы дашбордов Stripe без написания кода. То, что начиналось как набор правил для Cursor и React-компонентов, превратилось в полноценную браузерную студию прототипирования, работающую в dev-боксах, с режимами дизайн-ревью, тестированием вариантов и итерациями с помощью ИИ. Что удивительно, продакт-менеджеры теперь используют Protodash наравне с дизайнерами, что фундаментально изменило подход Stripe к прототипированию, дизайн-ревью и передаче макетов инженерам.

Слушайте или смотрите на YouTube, Spotify или Apple Podcasts

Что вы узнаете:

Как Stripe создал внутренний ИИ-инструмент для прототипирования с помощью правил Cursor, MCP и собственной дизайн-системыПочему возникает «blurple-мусор», когда дизайнеры используют универсальные ИИ-инструменты, — и как это исправитьАрхитектура Protodash: React Router, компоненты дизайн-системы и интеграции через MCPКак Stripe запускает прототипы в dev-боксах, чтобы дизайнерам не приходилось думать о локальной настройкеПочему принцип «демо вместо записок» изменил культуру дизайн-ревью в StripeКак Stripe встроил режимы дизайн-ревью, тестирование вариантов и ИИ-аннотации прямо в инструмент прототипированияПочему внутренним инструментам не нужно быть продакшен-уровня, чтобы приносить трансформационный эффект

При поддержке:

Celigo — интеллектуальная автоматизация, созданная для ИИ

Cursor — лучший способ писать код с ИИ

В этом выпуске мы обсуждаем:

(00:00) Приветствие и знакомство с Owen Williams

(02:19) Проблема «blurple-мусора» в ИИ-инструментах для дизайна

(03:50) Protodash: внутренний инструмент vibe-coding для прототипов Stripe

(05:26) Почему инженерный бэкграунд помог Owen снизить порог входа для дизайнеров

(07:55) Правила Cursor, которые обучили дизайн-систему Stripe

(09:04) Запуск прототипов в dev-боксах vs. локально

(10:30) «Демо вместо записок» и перестройка дизайн-ревью в Stripe

(14:50) Создание Protodash Studio: браузерная оболочка для прототипирования

(19:04) Живая демонстрация: варианты, линейные графики и ремикс прототипов в браузере

(21:02) Самотестирующиеся прототипы, которые делают скриншоты и проверяют результат

(23:20) Функции множественных вариантов

(26:08) Кнопка «аннотировать для ИИ» для обратной связи прямо на холсте

(27:21) Режим дизайн-ревью: комментарии, резюме и ИИ-доработки

(29:39) Почему создание внутренних инструментов лучше покупки готовых решений

(32:50) Продакт-менеджеры как неожиданные главные пользователи Protodash

(35:20) Живая демонстрация: дашборд зоомагазина для Black Friday / Cyber Monday

(42:03) Lo-fi-режимы, моноширинные шрифты и «Comic Sans для черновиков» в Shopify

(44:45) Краткое резюме

(45:35) Прототип Radar, который изменил процесс передачи макетов инженерам

(49:08) Блиц-раунд и заключительные мысли

Упомянутые инструменты:

• v0: https://v0.app/

• Cursor: https://cursor.com/

• Claude Code: https://www.claude.com/product/claude-code

• Claude Design: https://www.anthropic.com/news/claude-design-anthropic-labs

• Figma: https://www.figma.com/

• Stripe Radar: https://stripe.com/radar

• Balsamiq: https://balsamiq.com/

Где найти Owen Williams:

X: https://x.com/ow

Сайт: https://owenwillia.ms/

LinkedIn: https://www.linkedin.com/in/owenpwilliams

Где найти Claire Vo:

ChatPRD: https://www.chatprd.ai/

Сайт: https://clairevo.com/

LinkedIn: https://www.linkedin.com/in/clairevo/

X: https://x.com/clairevo

Производство и маркетинг: https://penname.co/. По вопросам спонсорства подкаста пишите на [email protected].

Обсуждение этого видео