Intercom: Figma MCP и Claude для прототипирования — Sneak Peek

О чём видео

Domingo Widen, Staff Product Designer в Intercom, демонстрирует рабочий процесс AI-прототипирования с использованием дизайн-системы компании. Вместо Figma Make дизайнеры Intercom прототипируют напрямую в коде с Figma Code Connect, навыками Claude и Cursor.

Для кого

Продуктовые дизайнеры в компаниях с зрелыми дизайн-системами, которые хотят перевести прототипирование из статичных Figma-экранов в рабочий код. Особенно полезно для дизайн-лидов, обучающих команды новым AI-инструментам.

Ключевые выводы

1. Code Connect делает компоненты дизайн-системы доступными для AI. Каждый Figma-компонент Intercom связан с кодовым аналогом. Claude генерирует прототипы из реальных продакшн-компонентов.

2. Навыки Claude кодируют командные процессы. Widen создал навыки, которые упаковывают задачи — генерацию диалога, экспорт прототипа — в повторяемые команды.

3. Дизайнеры прототипируют в коде, а не в Figma Make. Команда сознательно выбрала код, чтобы прототипы можно было передавать инженерам без перевода.

4. Внутренний хаб прототипирования масштабирует знания. Widen построил документацию с видеоуроками и примерами для каждого AI-инструмента команды.

5. AI-мультизадачность меняет ритм прототипирования. Widen описывает параллельный запуск нескольких Claude-инстансов, что сжимает время от концепции до тестируемого прототипа.

Стоит смотреть, если…

Вы хотите подробный пример того, как дизайн-команда известной продуктовой компании выстроила AI-прототипирование вокруг дизайн-системы, включая организационную сторону обучения.