В конце марта 2026 года Figma открыла канвас для ИИ-агентов, и это заметно расширило возможности инструментов вроде Claude Code и Codex. Через MCP-сервер Figma агенты получили доступ к созданию и редактированию макетов, что раньше требовало ручной работы или сложных плагинов. Один из разработчиков решил проверить, насколько эффективно
Для эксперимента были выбраны три страницы: hero-секция Hermes Agent, главная страница PostHog и первый экран Tailwind CSS. Для первых двух сайтов агенту передавался скриншот страницы и папка с ресурсами — логотипами и иллюстрациями. Для Tailwind — только ссылка на сайт, чтобы агент самостоятельно изучил HTML и CSS. Во всех случаях использовалась модель Opus 5 с высоким уровнем усилий, а сессии запускались в чистом окружении без дополнительных скиллов и плагинов.
| Показатель | Значение |
|---|---|
| Общая стоимость | $34,21 |
| Время работы | 98,5 минуты |
| Токены | 40,6 млн |
Результаты оказались показательными: общая стоимость трех сессий составила $34,21, время работы — 98,5 минуты, а суммарный расход токенов — 40,6 млн. Если разбить затраты по этапам, то анализ до работы с канвасом обошелся в $9,10, MCP-вызовы — в $14,96, а работа вокруг MCP (команды Bash, чтение файлов, скачивание скриншотов) — в $10,15. При этом работа непосредственно с канвасом, включая MCP-вызовы и сопутствующие действия, заняла $25,11 из общей суммы.
Эксперимент с тремя сайтами: Hermes Agent, PostHog и Tailwind CSS — обошелся в $34,21 за 98,5 минуты.
Интересно, как агент подходит к задаче в зависимости от входных данных. При работе со скриншотом он сначала изучает изображение: проверяет формат, разрешение, уменьшает для общего просмотра, вырезает отдельные элементы. При работе по ссылке — анализирует HTML и CSS, находит нужные ассеты и делает скриншот страницы в браузере. Только после этого он начинает генерировать код для Figma Plugin API, создавая фреймы и слои с нужными размерами, координатами и стилями.
Для подсчета токенов и стоимости использовались логи Claude Code в формате JSONL, где фиксируются все ответы модели и вызовы инструментов. Стоимость рассчитывалась по тарифам Opus 5: $5 за миллион входных токенов, $25 за миллион выходных, $0,50 за чтение из кэша и $10 за запись в кэш. Такой подход позволяет точно оценить, сколько денег тратится на каждый этап работы агента.
Эксперимент показывает, что использование ИИ-агентов для переноса дизайна в Figma становится реальной альтернативой ручной работе, но требует внимательного контроля. Стоимость $34 за три макета сопоставима с оплатой нескольких часов работы дизайнера, однако качество результата может варьироваться. Кроме того, важно учитывать, что агент может тратить значительные ресурсы на анализ и промежуточные проверки, что увеличивает итоговый счет. Тем не менее, с развитием MCP-интеграций и оптимизацией моделей такие инструменты могут стать стандартом в дизайн-процессах.
