На прошлой неделе Figma запустила открытую бету MCP-интеграции с Claude Code. И это не просто “ещё один плагин”. Это момент, когда дизайн-система перестаёт быть PDF-кой, которую никто не читает.

Что изменилось: AI-агент теперь видит ваш Figma-файл как контекст. Не скриншот, не описание — а реальную структуру: компоненты, токены, отступы, состояния.

Почему это важно для архитектуры:

1. Design tokens становятся single source of truth. Агент берёт цвета, шрифты и спейсинг прямо из Figma — не из “договорённостей в Slack”.

2. Компонентный маппинг. AI понимает, что Button/Primary в Figma = конкретный React-компонент в вашем UI Kit. Меньше “а дизайнер имел в виду другое”.

3. Pixel-perfect без pixel-perfect. Вместо ручной сверки макета и кода — агент проверяет соответствие автоматически.

На практике я уже использую MCP-протокол в Claude Code для подключения разных инструментов. И паттерн один: чем больше структурированного контекста даёшь агенту, тем точнее результат. Figma как MCP-сервер — это просто следующий логичный шаг.

Но есть нюанс. MCP работает отлично, когда в Figma порядок: Auto Layout, правильные constraints, именованные компоненты. Если ваш дизайн — это “фрейм внутри фрейма с магическими числами” — никакой AI не спасёт.

Вывод: инструменты становятся умнее, но архитектура (и дизайн-система, и кодовая база) по-прежнему решает.

А как у вас с дизайн-системами? Figma-токены доходят до кода как задумано, или всё равно “на глаз”?