Figma и Anthropic запустили перенос кода в макеты
Figma и Anthropic запустили Code to Canvas для переноса кода из Claude в редактируемые слои.
Раньше дизайн превращали в код, теперь пайплайн перевернулся. Сначала нейросеть пишет рабочий код, затем дизайнер забирает его для визуальной доработки. Это ускоряет итерации и полностью убирает зависимость от разработчиков.
Обратный хендофф
В Claude Code нужно написать команду «Send this to Figma». Рабочий интерфейс сразу появляется на канвасе. Дальше остается настроить типографику, сетку и стиль.
Проектирование начинается с рабочего прототипа. Работа с готовым кодом помогает избежать выдуманных механик. Ты сразу видишь технические ограничения и понимаешь реальное поведение элементов.
К слову, с марта Figma монетизирует AI-функции через систему кредитов с оплатой за использование (pay-per-use). Есть смысл поэкспериментировать сейчас, пока каждый эксперимент не стал платным.
Сгенерируйте базовый интерфейс в Claude и отправьте его в макет для проверки нового процесса.
Обсудить материал со своим ИИ
Я прочитал статью «Figma и Anthropic запустили перенос кода в макеты» в Посторганике (это журнал о том, как AI и no-code меняют профессию дизайнера). Ссылка: https://postorganica.space/figma-i-anthropic-zapustili-perenos-koda-v-makety/ Контекст: Посторганика пишет для дизайнеров с опытом 2–5 лет (Figma, Adobe, Framer, Webflow). Главная мысль журнала: работать по-старому уже нельзя, профессия изменилась. Бояться надо не ИИ, а конкурентов, которые его используют. Выигрывает тот, кто умеет подбирать инструменты под задачу и доводить проекты до запуска. Вот суть статьи: Figma и Anthropic запустили Code to Canvas для переноса кода из Claude в редактируемые слои. Раньше дизайн превращали в код, теперь пайплайн перевернулся. Сначала нейросеть пишет рабочий код, затем дизайнер забирает его для визуальной доработки. Это ускоряет итерации и полностью убирает зависимость от разработчиков. Обратный хендофф В Claude Code нужно написать команду «Send this to Figma». Рабочий интерфейс сразу появляется на канвасе. Дальше остается настроить типографику, сетку и стиль. Проектирование начинается с рабочего прототипа. Работа с готовым кодом помогает избежать выдуманных механик. Ты сразу видишь технические ограничения и понимаешь реальное поведение элементов. Учитывая мой опыт, всё, что ты знаешь обо мне, и этот текст — напиши, что из этого реально важно на практике? Что попробовать прямо завтра? С чем ты, возможно, не согласен? А после этого — задай мне три неочевидных вопроса по теме. Когда я отвечу — дашь мне уже личные рекомендации, как применить это в моей работе.
— Но это пайплайн говна.