AI-агенты — не отдельный эксперимент, а часть ежедневной работы: анализ задач, планирование, проектная документация, дизайн интерфейсов, написание кода и подготовка к передаче в разработку.
Основной инструмент — Codex и Claude Code. Через них же ведётся работа с Figma по протоколу MCP. Вспомогательные инструменты — Claude Design и Figma Make — подключаются точечно, под конкретную задачу, а не заменяют основной процесс.
Основной и вспомогательный контур инструментов
От анализа задачи до проверенного результата — шесть шагов: анализ контекста и требований, планирование этапов, формирование документации, дизайн интерфейсов и компонентов, написание кода, финальная проверка и передача. AI-агент выполняет первичный анализ, структурирование и реализацию; дизайнер проверяет достоверность, качество решений и принимает финальные решения.
Шесть шагов рабочего цикла: дизайнер управляет процессом, AI ускоряет выполнение
На проекте «Агро-edu» через Codex и Figma MCP перенёс полную дизайн-систему из Storybook и React-кода в Figma: переменные, токены, стили, компоненты, состояния и страницы. При переносе сохранилась атомарная структура — базовые элементы продолжили использоваться внутри более крупных компонентов, а не превратились в независимые копии.
Дизайн-система и макеты личного кабинета находились в отдельных Figma-файлах. По промпту агент подключил файл дизайн-системы к файлу личного кабинета как библиотеку и использовал библиотечные компоненты при сборке экранов — ручной перенос из кода в Figma не потребовался.
Палитра и токены дизайн-системы Agro-edu в Figma
Дизайн-система подключена как библиотека — компоненты и переменные используются в макетах личного кабинета
Не строю процесс вокруг новизны инструмента — выбираю его под конкретную задачу, а ограничения проверяю на эксперименте до внедрения в основной процесс.
- Claude Design — тестировал создание дизайн-системы по исходному макету. Результат оценил как средний, инструмент не стал основным рабочим процессом.
- Figma Make — использовал для создания копии рабочего CRM-проекта. Прототип удалось собрать, но сложные системы пока неудобно развивать в этом инструменте, а эксперимент потребовал большого количества кредитов.
Эксперименты помогают увидеть ограничения до внедрения в основной процесс
- AI-агенты встроены в ежедневный рабочий процесс — от анализа задачи до передачи готового результата, а не используются от случая к случаю.
- Отработана рабочая техника переноса дизайн-системы из кода в Figma через MCP с сохранением атомарной структуры компонентов.
- Инструменты подключаются по задаче: основной контур (Codex, Claude Code) — для ежедневной работы, вспомогательный (Claude Design, Figma Make) — под конкретные точечные задачи, с осознанием их ограничений.