Синхронизация Figma с Claude Code — выступление How I AI

О чём видео

Gui Seiz (дизайнер) и Alex Kern (инженер) из Figma показывают, как их команда устранила традиционную линейную передачу между дизайном и кодом. Используя Figma MCP, они подтягивают работающее веб-приложение прямо в Figma, совместно редактируют его и отправляют изменения обратно в кодовую базу через Claude Code — всё в прямом эфире.

Для кого

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

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

Двусторонняя синхронизация заменяет линейную передачу. Старый процесс — дизайн в Figma, передача в разработку, ожидание реализации, обнаружение расхождений — заменён циклом. Состояние кода подтягивается в Figma, а дизайн-изменения возвращаются в кодовую базу без ручной правки CSS.
MCP позволяет экспортировать все состояния компонентов в Figma. Демо решает практическую проблему: процессы с несколькими состояниями (например, пятишаговая регистрация), где инженеры реализовали состояния, которых не было в дизайн-файле.
AI сместил дизайн-работу к двум краям процесса. Команда отмечает, что AI устранил среднюю фазу — быстрое создание макетов средней точности. Остались планирование (стратегия, исследования) и финальная отделка (полировка деталей, контроль качества).
Кастомные навыки автоматизируют предпусковые проверки. Alex демонстрирует навык /ship, который автоматически запускает линтинг, мониторинг CI и проверки качества перед пушем в продакшн.
Структура кодовой базы определяет эффективность AI. Команды с чёткими границами компонентов и последовательными паттернами получают значительно лучшие результаты. Alex оценивает, что AI может написать 90% кода в хорошо структурированном репозитории.

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

Вы хотите увидеть, как команда самой Figma работает на стыке дизайна и инженерии с AI, и оцениваете, могут ли Figma MCP и Claude Code заменить ваш текущий процесс передачи.