Обратная разработка
Что такое обратная разработка?
Обратная разработка — это инструмент Kaiju Hub AI для преобразования изображений в код и вайрфреймы с помощью ограничивающих рамок. Загрузите любое изображение — скриншот, дизайн-макет или фото UI — и используйте ограничивающие рамки для определения и направления того, что должен делать каждый элемент на изображении. Преобразуйте результат в рабочий код или макет вайрфрейма.
Создание проекта обратной разработки
Нажмите кнопку + Новый Проект Обратной Разработки, чтобы создать новый проект. Дайте ему имя и описание для организации вашей работы по обратной разработке.
Как это работает
Загрузка изображения
Загрузите скриншот, дизайн-макет или любое изображение UI в инструмент обратной разработки.
Нарисуйте или автоопределите рамки
Вручную нарисуйте ограничивающие рамки вокруг элементов UI или используйте автоматическое обрамление ИИ для обнаружения элементов. Каждая рамка выделяет отдельный компонент на изображении.
Направление поведения элементов
Для каждой ограничивающей рамки определите, что должно происходить — например, нажатие кнопки открывает модальное окно, ссылка навигации ведёт в другой раздел или карточка отображает определённый контент.
Генерация кода или вайрфрейма
Преобразуйте аннотированное изображение в рабочий код компонентов вашего целевого фреймворка или экспортируйте как макет вайрфрейма для дальнейшего редактирования в инструменте вайрфреймов.
Ключевые возможности
Image Upload
Перетащите или просматривать to загрузить любой image — экраныhots, mockups, photos of hand-drawn sketches, или существующий app UIs.
Bounding Box Annotation
Draw precise ограничивающие рамки вокруг отдельный элементы пользовательского интерфейса to isolate them для генерацию кода или behavior назначитьment.
AI Auto-Boxing
Let AI автоматически обнаружить и box элементы пользовательского интерфейса in your image, saving time on complex макеты с mлюбой компоненты.
Behavior Direction
Assign поведения to boxed элементы — определить что clicking, hovering, или interacting с каждый элемент should do in the сгенерированный код.
Dual Output
Генерируйте рабочий код (в вашем целевом фреймворке) или макет вайрфрейма, который можно дополнительно доработать в инструменте вайрфреймов.