Наткнулся на статью: в экосистеме Figma есть «Code to Canvas» штука, которая позволяет Claude Code превращать ваш реальный UI в редактируемый макет прямо в десктопной Figma

И фокус в том, что это не “сделай мне скрин” как в ремоушен: Claude берет запущенную локально страницу, читает структуру (DOM) и стили, и кладёт результат на канвас слоями (текст, фреймы, Auto Layout).

А дальше вообще кайф:
Накидал код → отправил в Figma → дизайнер докрутил → кинул ссылку на фрейм обратно в Claude Code → он переписал исходники под обновленный дизайн. Важно: это не «редактирование кода внутри Figma в реальном времени», а удобный мостик между кодом и макетом, и работает именно в десктопной версии.

И это волшебно.

Весь день в кроличьей норе: Claude Code × Figma.

Пишешь текстом что хочешь и получаешь макет прямо в файле.

Без фигмы руками, без плагинов.

Друзья уже закидали вопросами: «как из РФ поставить», «что за MCP», «какой тариф брать», «а что за терминал, я боюсь»

Сел и оформил всё в гайд. 13 страниц, ноль воды. Только команды, шаги и что куда вставлять.

Дарю 🫰

Вот такой вот запросик прилетел, это действительно актуальная для вас история?

Делаем? 🌭🌭🌭

Промптодельня 🔧

Короче, переименовал чат

Раньше это был просто чат при канале, а сейчас туда реально приходят люди, которые шарят - делятся находками, инструментами, помогают друг другу.

Хочу чтобы это стало полноценным местом, куда заходишь утром с кофе и узнаёшь что-нибудь полезное раньше всех.

Промптодельня, потому что тут мастерят.
Код, автоматизации, связки на нейронках - всё сюда.
Залетайте, если ещё не успели: https://t.me/ituzov_chat

Гайд тут

Огромный респект комьюнити, которое уже сформировалось в чате Промптодельня 🔧

Нашли как неточность, так и решение по работе с mcp в figma

Исправленyая версия гайда прилагается