Что произошло
Команда Coinbase Design System (CDS) столкнулась с проблемой: при переходе от дизайна к коду ИИ-агенты часто ошибались в выборе компонентов и тратили слишком много токенов. Решение нашлось в инструменте Figma Code Connect, который предоставляет агентам точный контекст компонентов.
Детали
- Обновление компонентов: Команда модернизировала сотни компонентов для Code Connect с помощью ИИ-агента Claude Code всего за 4 часа.
- Тестирование: В эксперименте использовали один дизайн с разными компонентами (включая сложный Stepper) и одинаковый ИИ-модель (Sonnet 4.6).
- Результаты:
- Сокращение токенов: 11.5%
- Уменьшение времени: 22.3%
- Общая экономия: 22.5%
«Агенты часто ошибались в названиях иконок. После внедрения Code Connect эта проблема исчезла за ночь»
Почему это важно
- Качество кода: Агенты стали точнее выбирать компоненты и реже «галлюцинировали».
- Экономия: Сокращение затрат на токены напрямую влияет на бюджет проектов.
- Скорость: Ускорение процессов позволяет командам быстрее выпускать продукты.
Code Connect действует как «мост» между Figma и кодом, предоставляя агентам точные шаблоны компонентов вместо того, чтобы заставлять их гадать.
Что дальше
Команда CDS продолжает тестировать новые подходы, ожидая, что будущие ИИ-модели смогут обходиться без дополнительных «навыков». Однако качественный контекст (как в Code Connect) останется критически важным для точной работы агентов.
Источники
- Оригинал: figma.com — © figma.com
