- Figma и Anthropic представили интеграцию с Claude Code, которая конвертирует интерфейсы в редактируемые фреймы Figma.
- Новая функция позволяет захватывать экраны из любого браузерного UI и быстро делиться ими в виде фреймов для дальнейшей доработки.
- Обновлённый рабочий процесс замыкает цикл «код → дизайн → обсуждение → код» без необходимости вручную переносить артефакты.
Компания Figma совместно с Anthropic объявила о запуске интеграции, позволяющей конвертировать интерфейсы, созданные в Claude Code, напрямую в редактируемые фреймы на канвасе Figma. Технология работает с любым пользовательским интерфейсом в браузере, будь то продакшн-версия, стейджинг или локальный сервер (localhost).
Ранее демонстрация интерфейсов разработчикам и команде сопровождалась необходимостью делать скриншоты, записывать видео или просить коллег запускать приложение локально. С внедрением новой функции захваченные экраны копируются в буфер обмена и могут быть вставлены в любой файл Figma с сохранением возможности дублирования, аннотирования и редактирования. При этом несколько экранов можно захватить за одну сессию, сохранив последовательность пользовательского потока.
В Figma считают эту интеграцию важным шагом для соединения двух рабочих процессов: кодирования и дизайна. Код обеспечивает быструю проверку конкретных состояний интерфейса, а канвас Figma служит платформой для обсуждения и проработки вариантов вместе с командой. С развитием ИИ-инструментов, таких как Claude Code и Figma Make, стало возможным практически мгновенно получать рабочие прототипы, а основным вопросом стало не «как сделать», а «какую версию развивать дальше».
Кроме того, интеграция позволяет возвращать доработанный в Figma дизайн обратно в код. Для этого достаточно отправить промпт и ссылку на нужный фрейм через MCP-сервер Figma. Таким образом формируется замкнутый цикл разработки и обсуждения интерфейсов, устраняющий необходимость в ручном переносе артефактов между кодом и дизайн-средой.
