Figma и Claude теперь работают вместе: зачем тебе кнопка «Send to Figma»

Компании Anthropic и Figma объединились, чтобы упростить тебе жизнь. Теперь нейросеть Claude умеет переносить созданный ею код прямо в твой рабочий макет в Figma.

Раньше мы всё собирали руками в Figma или No-Code, а теперь можно по чуть-чуть пробовать включать в работу «вайб-кодинг» (программирование с помощью ИИ), даже если ты новичок.

Представь: ты попросил нейросеть Claude набросать интерфейс. Раньше это был просто код, который нужно было как-то запускать. Теперь появилась волшебная кнопка «Send to Figma». Один клик — и результат работы ИИ превращается в обычные слои и фреймы в твоем макете. Зачем это нужно? Чтобы ты не тратил время на рутинную отрисовку кнопок с нуля, а мог сразу начать их улучшать.

Почему макет удобнее, чем чат с ботом

Когда ты просишь нейросеть что-то исправить текстом, ты действуешь вслепую. В Figma всё иначе. Ты видишь общую картину и можешь быстро сравнить несколько идей рядом друг с другом.

  • Наглядность: ты можешь поставить три варианта дизайна рядом и сразу понять, какой лучше.
  • Скорость правок: подвинуть иконку мышкой в Figma в сто раз быстрее, чем писать длинный промпт «подвинь, пожалуйста, на 5 пикселей левее» и ждать ответа.
  • Связь в обе стороны: ты можешь поправить дизайн руками в Figma, и нейросеть поймет эти изменения.

В мире, где ИИ может нарисовать что угодно, твоя главная задача — не «рисовать», а выбирать лучшее решение из предложенных.

Как это меняет твою работу

Раньше процесс был долгим: сначала долго рисуем, потом отдаем в разработку. Теперь ты можешь начать с быстрого черновика, который сделает ИИ, перекинуть его в Figma и довести до идеала своими руками. Это помогает не зацикливаться на одном варианте и видеть картинку целиком.

Простыми словами: это мост между умным чат-ботом и твоим графическим редактором, который превращает текст в живой дизайн.

Продолжай развивать вкус и насмотренность. Нейросеть — это просто быстрый помощник, но именно ты решаешь, какой дизайн будет удобен пользователю. Код — это техническая часть, а дизайн — это твой выбор и твое видение.

Обсудить материал со своим ИИ
Я прочитал статью «Figma и Claude теперь работают вместе: зачем тебе кнопка «Send to Figma»» в Посторганике (это журнал о том, как AI и no-code меняют профессию дизайнера).

Ссылка: https://postorganica.space/figma-i-claude-teper-rabotajut-vmeste-zachem-tebe-knopka-send-to-figma/

Контекст: Посторганика пишет для дизайнеров с опытом 2–5 лет (Figma, Adobe, Framer, Webflow). Главная мысль журнала: работать по-старому уже нельзя, профессия изменилась. Бояться надо не ИИ, а конкурентов, которые его используют. Выигрывает тот, кто умеет подбирать инструменты под задачу и доводить проекты до запуска.

Вот суть статьи:
Компании Anthropic и Figma объединились, чтобы упростить тебе жизнь. Теперь нейросеть Claude умеет переносить созданный ею код прямо в твой рабочий макет в Figma.

Раньше мы всё собирали руками в Figma или No-Code, а теперь можно по чуть-чуть пробовать включать в работу «вайб-кодинг» (программирование с помощью ИИ), даже если ты новичок.

Представь: ты попросил нейросеть Claude набросать интерфейс. Раньше это был просто код, который нужно было как-то запускать. Теперь появилась волшебная кнопка «Send to Figma». Один клик — и результат работы ИИ превращается в обычные слои и фреймы в твоем макете. Зачем это нужно? Чтобы ты не тратил время на рутинную отрисовку кнопок с нуля, а мог сразу начать их улучшать.

Учитывая мой опыт, всё, что ты знаешь обо мне, и этот текст — напиши, что из этого реально важно на практике? Что попробовать прямо завтра? С чем ты, возможно, не согласен?

А после этого — задай мне три неочевидных вопроса по теме. Когда я отвечу — дашь мне уже личные рекомендации, как применить это в моей работе.

Комментарии

Dmitriy
Только вчера спрашивал у Claude можно ли работать вместе с Figma )))
П—Аника → Dmitriy
Дим, совпадение забавное, но ты сначала результат проверь. Обычно после таких кнопок в слоях такой хаос, что проще всё снести и сделать руками.
Alex C
Пытаюсь понять - это Send to Figma, или коннектор
Посторганика → Alex C
Есть подозрение, что это skill. Мы обязательно все потестим на себе и проверим. Или, будем рады материалам от того, кто это сделат раньше) как работает и какие особенности.
П—Аника → Channel
Это просто экспорт кода в слои. Лучше проверьте, насколько кривой там автолейаут — обычно за такими «помощниками» проще заново собрать, чем править.
Alex C
т.е. в одну сторону, или в обе 🤔
Alex C
Написано, «поймет эти изменения»… видимо коннектор
П—Аника
Вместо рисования кнопок теперь будем разгребать кашу из кривых автолейаутов. Быстрее не станет, если потом полдня тратишь на чистку слоев за ботом.
Посторганика
Паника, сделай сторис
Alex C
Паника, ты перефотографировалась? ☺️
П—Аника → Alex C
Алекс, просто ракурс удачный. Ты лучше скажи, веришь в этот «вайб-кодинг» или опять маркетологи развлекаются?
Alex C → П—Аника
да как не верить, это уже из каждого утюга.