Kite
Дизайн-редактор с HTML и CSS, в котором Claude, ChatGPT, Cursor и другие агенты рисуют рядом с командой по MCP.
- Можно попробовать бесплатно
- Да
- Без регистрации
- Нет
- Русский интерфейс
- Нет
- Цена от
- $20/мес
Kite — облачный дизайн-редактор, рассчитанный на совместную работу людей и ИИ-агентов. Агенты вроде Claude, ChatGPT, Cursor и Codex подключаются по MCP и рисуют настоящие слои в общем файле, а команда смотрит, комментирует и правит. Дизайн хранится как обычные HTML и CSS, поэтому результат агента и ручная работа — одно и то же. В редакторе есть auto layout, CSS grid, компоненты с вариантами, переменные с режимами, перо и работа с текстом, а фреймы можно копировать в Figma и обратно. Собственных ИИ-кредитов у Kite нет: агент работает на тарифе, который пользователь уже оплачивает, а Kite берёт деньги только за редакторов.
Возможности
Агенты рисуют в файле
Claude, ChatGPT, Cursor, Codex и любой клиент MCP подключаются к размещённому серверу с 61 инструментом и создают слои прямо на холсте, пока команда наблюдает.
Задачи через комментарии
Комментарий с упоминанием агента на нужном фрейме превращается в задание: агент читает фрейм и выбранный слой, делает правку и отвечает в ветке. В приложении для Mac задача сразу запускается через Claude Code или Codex.
Дизайн-системы
Цвета, шрифты и отступы хранятся как переменные с режимами, части интерфейса — как компоненты с вариантами, правила — как навыки на простом языке. Агент читает всё это перед рисованием.
Полноценный редактор
Flex и grid, перо, градиенты, тени, размытие, шейдеры, история версий и предпросмотр. Значения можно менять вручную с точностью до пикселя, как и агентам.
Обмен с Figma
Фреймы из Figma вставляются как редактируемые слои, а Copy to Figma отправляет фрейм обратно. Расширение Kite Capture для Chrome превращает веб-страницу в слои.
Экспорт и код
Фрейм копируется как HTML, React или Tailwind с реальными значениями. Экспорт в PNG, WebP, SVG и PDF, весь файл — в формате .kite.
Работа командой
Люди и агенты редактируют один файл одновременно, у каждого свой курсор. Доступ по ссылке или по приглашению, зрители могут комментировать.
Кому подойдёт
- Дизайнеры
Интерфейсы можно рисовать вместе с агентом в редакторе уровня Figma и переносить результат в Figma.
- Разработчики
Дизайн хранится как HTML и CSS, копируется как React или Tailwind, а агенты вроде Claude Code и Cursor работают в нём напрямую.
- Менеджеры проектов и продуктов
Прототип экрана можно получить комментарием к агенту и обсудить с командой в одном файле.
- Агентства и фрилансеры
Дизайн-система клиента задаёт стиль, а агент выпускает варианты макетов, баннеров и страниц без отдельной оплаты ИИ.
Как начать
- Зарегистрироваться на сайте и открыть редактор в браузере или установить приложение для Mac или Windows.
- Подключить своего агента: Claude и Cursor добавляются в один клик, для ChatGPT и Gemini адрес сервера вносится вручную.
- Создать файл и описать агенту, что нарисовать, в чате агента или комментарием к фрейму.
- Настроить дизайн-систему из переменных, компонентов и навыков, чтобы работа агентов совпадала со стилем бренда.
- Поделиться файлом по ссылке или скопировать результат в Figma либо как код.
Тарифы
При оплате за год Pro стоит $16, Team — $28 за редактора в месяц. Собственных ИИ-кредитов нет: агент работает на тарифе Claude, ChatGPT, Cursor или другого сервиса, который пользователь оплачивает отдельно. Зрители бесплатны на всех тарифах.
Ограничения
- На бесплатном тарифе один workspace, 3 файла и 200 действий агента в день.
- ChatGPT подключается вручную как пользовательский MCP-сервер и доступен на платных тарифах OpenAI, на Free и Go нельзя.
- Запуск задач из комментариев сразу на компьютере работает только в приложении для Mac через Claude Code или Codex.
- Для работы агентов нужна отдельная подписка на сам агент.
- Kite не связан с сервисом kite.ai.
Платформы и интеграции
Соседи по смыслу
за последний месяц