AI меняет не только процесс дизайна, но и сами роли внутри команд. В Intercom пошли дальше — за несколько месяцев дизайнеры начали шипить код, создавать интерактивные прототипы, влияющие на роадмап, и полностью собирать фронтенд-экраны. Дизайн перестал быть «дополнением к продукту» и стал частью самой разработки.
Дизайнеры шипят код
Раньше, чтобы исправить проблему в интерфейсе, дизайнеру нужно было завести задачу, дождаться разработчика, пройти несколько итераций правок.
Теперь дизайнеры Intercom вносят изменения сами — через инструменты вроде Cursor.
Они правят тексты, отступы, стили, создают pull request, инженер проверяет — и обновление уходит в прод.
Такой подход убрал задержки между замечанием и исправлением. Дизайнеры сами управляют качеством, а инженеры освобождаются от мелких задач. В итоге выигрывает и команда, и продукт.
Vibe coding — «вайб-кодинг» роадмапа
Следующий шаг — переход от статичных макетов к живым интерактивным прототипам.
Теперь дизайнеры могут показать, как продукт работает на ощупь: с вводом данных, реальными состояниями и переходами.
Инструменты вроде Figma Make, Lovable, Cursor и Claude Code позволяют собрать такой прототип без участия разработчиков.
Это изменило процесс принятия решений. Когда менеджеры и исследователи видят не картинки, а рабочую модель, им проще оценить идею.
Прототип можно протестировать с пользователями в тот же день, внести правки — и показать обновлённую версию через полчаса.
Так гипотезы превращаются в готовые решения гораздо быстрее.
Курс для тех, кто хочет освоить базу и превратить ИИ в личного помощника
💜 Почитать отзывы
и подписаться
Владение тестами и фронтэндом
Комбинация навыков дизайна и базового кода открыла новую модель работы: дизайнеры Intercom начали собирать продакшн-уровневые интерфейсы на React-компонентах дизайн-системы.
Разработчики сосредотачиваются на логике и API, а дизайн-команда отвечает за пользовательский слой и визуальное качество.
Уходит ручная передача макетов и правки «на пару пикселей» — всё ближе к идее «проектируем — проверяем — шипим».
| Название | Что делает | Зачем дизайнерам |
|---|---|---|
| Cursor | AI-редактор кода с подсказками и генерацией фрагментов. Позволяет писать и редактировать код в привычном интерфейсе. | Быстро править UI, тексты, отступы, цвета; шипить мелкие изменения без ожидания разработчиков. |
| Figma Make | Расширенная версия Figma для сборки интерактивных прототипов с логикой и данными. | Создание «живых» демо, которые выглядят и ведут себя как реальный продукт. |
| Lovable | Платформа, где AI помогает создавать web-продукты на основе прототипов и текстовых описаний. | Быстро собирать MVP, проверять гипотезы и презентовать идеи команде. |
| Claude Code | AI-помощник от Anthropic для объяснения, генерации и исправления кода. | Помогает дизайнерам разобраться в кодовой базе и вносить правки безопасно. |
Как меняется профессия
Многие боятся, что искусственный интеллект лишит дизайнеров работы. На деле он делает их универсальнее.
Дизайнеры, владеющие инструментами кодинга и прототипирования, быстрее проверяют гипотезы, точнее влияют на продукт и видят результат сразу в проде.
Границы между ролями стираются: дизайн становится стратегическим элементом, а не обслуживающей функцией.
Команды, работающие так,
— повышают качество интерфейсов,
— быстрее тестируют решения,
— сокращают цикл от идеи до релиза.
Intercom показывает, что дизайн может быть движущей силой развития продукта. Когда дизайнер управляет кодом и видит результат своей работы в реальном времени, скорость, качество и влияние растут одновременно.
