Monday.com: AI для дизайн-систем — Sneak Peek

О чём видео

Elad Mizrahi, руководитель продуктового дизайна в Monday.com, демонстрирует точный рабочий процесс, который его команда использует для поддержки и расширения дизайн-системы с помощью AI-инструментов. Интервью охватывает подключение Figma MCP к коду, генерацию и обновление Storybook-компонентов через Cursor, а также роль правил Cursor в обеспечении доступности и качества кода.

Для кого

Руководители дизайн-систем и фронтенд-инженеры в средних и крупных продуктовых командах, которые ищут реальный пример интеграции AI в существующий процесс работы с дизайн-системой. Показанный процесс предполагает знакомство с Figma, компонентной разработкой и Storybook.

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

Figma MCP решает проблему спецификаций. Mizrahi показывает, как Monday.com использует Figma MCP, чтобы AI мог читать структуру компонентов, отступы и свойства напрямую из Figma. Это заменяет ручное написание спецификаций, которое было узким местом для команды.
Спецификации Cursor кодируют дизайн-решения в формате, понятном AI. Команда пишет подробные спецификации компонентов внутри Cursor, которые служат инструкциями для AI-генерации кода. Эти спецификации фиксируют не только визуальные свойства, но и поведение, состояния и требования доступности.
Правила Cursor обеспечивают единые стандарты качества. Помимо отдельных спецификаций компонентов, Monday.com использует правила Cursor для определения глобальных ограничений: руководства по доступности, соглашения об именовании и паттерны кода.
Порог 70% имеет значение. Mizrahi честен насчёт ограничений. Для сложных компонентов AI достигает примерно 70% продакшн-качества. Остальное — человеческая проверка и доработка. Простые компоненты часто выпускаются с минимальным вмешательством.
Рабочий процесс освободил команду для более сложных задач. Автоматизация рутинного создания и обновления компонентов позволила дизайнерам сосредоточиться на более сложной работе, требующей профессионального суждения.

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

Вы руководите дизайн-системой в продуктовой компании с несколькими инженерными командами и хотите увидеть проверенную интеграцию Figma MCP, Cursor и Storybook в продакшне, с честной оценкой возможностей и ограничений AI.