Coinbase проверила: Figma Code Connect снижает расход токенов агента на 11,5% и стоимость на 22,5%
Без привязки к реальному коду агент честно пытался угадать, из чего собран компонент - и придумывал свою версию. Coinbase измерила, во что это обходится в токенах и деньгах.
2 сентября 2026 года Figma опубликовала кейс команды дизайн-системы Coinbase, которая проверила своё предположение о пользе Code Connect - функции Figma, доступной на тарифах Organization и Enterprise, которая связывает компоненты дизайна с их реальным продакшен-кодом и даёт агенту контекст о том, как именно реализована каждая деталь дизайна. Технический лид Coinbase Эрих Кюршнер провёл три отдельных прогона с одинаковым дизайном (форма средней сложности с разными типами компонентов), одинаковым промптом («Implement this design from Figma», намеренно расплывчатым) и одной и той же моделью Claude Sonnet 4.6, сбрасывая кодовую базу до чистого состояния между прогонами, чтобы исключить перенос эффектов из предыдущего запуска. Результаты: среднее снижение расхода токенов на 11,5%, ускорение реализации на 22,3%, и снижение итоговой стоимости в среднем на 22,5%. Ключевая проблема без Code Connect: агент, например, «собирал компонент Stepper из двух прогресс-баров и подписей» вместо того, чтобы использовать настоящий компонент CDS (дизайн-системы Coinbase), а также постоянно «галлюцинировал названия иллюстраций и иконок» - с внедрением Code Connect эта проблема исчезла практически сразу.
Что такое Code Connect
Code Connect - функция Figma, доступная на тарифах Organization и Enterprise, которая связывает компоненты дизайна с их реальным продакшен-кодом. Вместо того чтобы агент самостоятельно догадывался, как реализован конкретный элемент интерфейса, Code Connect даёт ему точный контекст: реальное представление дизайна в виде кода и буквальные импорты, указывающие прямо на нужные компоненты.
Как был устроен эксперимент
Технический лид Coinbase Эрих Кюршнер провёл три отдельных прогона в максимально контролируемых условиях: одинаковый дизайн - форма средней сложности с разными типами компонентов; один и тот же промпт - намеренно расплывчатая формулировка «Implement this design from Figma» (реализуй этот дизайн из Figma); одна и та же модель - Claude Sonnet 4.6; и обязательный сброс кодовой базы до чистого состояния между прогонами, чтобы исключить перенос эффектов из предыдущего запуска на следующий.
Что показали цифры
С Code Connect расход токенов снизился в среднем на 11,5%, реализация задачи ускорилась на 22,3%, а итоговая стоимость выполнения снизилась в среднем на 22,5% - то есть экономия в деньгах оказалась больше, чем прямое снижение количества токенов, за счёт того, что агенту требовалось меньше повторных попыток и меньше лишних действий на исправление ошибок.
Проблема галлюцинации компонентов без Code Connect
Без Code Connect агент, не имея точного контекста о реальном коде, начинал придумывать свою версию компонентов - конкретный пример из кейса: агент «собирал компонент Stepper из двух прогресс-баров и подписей» вместо того, чтобы использовать настоящий, уже существующий компонент CDS (дизайн-системы Coinbase). Агент также стабильно «галлюцинировал названия иллюстраций и иконок» - то есть придумывал несуществующие имена файлов вместо реальных. По словам команды, с внедрением Code Connect эта проблема исчезла практически мгновенно.
Частые вопросы
Что делает функция Figma Code Connect?
Связывает компоненты дизайна с их реальным продакшен-кодом, давая кодовому агенту точный контекст вместо необходимости угадывать реализацию.
На каких тарифах Figma доступен Code Connect?
На Organization и Enterprise.
На сколько снизился расход токенов у агента в эксперименте Coinbase?
В среднем на 11,5%.
Насколько ускорилась реализация задачи с Code Connect?
На 22,3%.
Насколько снизилась итоговая стоимость выполнения задачи?
В среднем на 22,5%.
Какую проблему решает Code Connect без прямого измерения токенов?
Останавливает галлюцинации агента - придумывание своей версии компонентов и несуществующих названий иконок и иллюстраций вместо использования реальных элементов дизайн-системы.