Microsoft запустила сервис Sketch2Code для преобразования UI-эскизов в HTML-код

Инструмент стал частью инфраструктуры Microsoft Azure. Для преобразования рисунка в код используется искусственный интеллект.

Команда Microsoft Azure представила веб-инструмент Sketch2Code для преобразования эскизов пользовательских интерфейсов в HTML-коды. Сервис ускоряет процесс разработки проектов, избавляя от необходимости вручную создавать разметку на основе рисунка.

Схема процесса преобразования

Sketch2Code работает при помощи искусственного интеллекта. Процесс конвертации рисунка в код состоит из пяти шагов:

Пользователь загружает фото эскиза интерфейса через веб-сайт Azure.
Модель компьютерного зрения Microsoft распознает HTML-элементы.
Технология распознавания рукописного текста обнаруживает слова, расположенные внутри элементов.
Алгоритм компоновки создает сетку для размещения объектов.
Механизм генерации кода использует всю полученную информацию для создания HTML-разметки и расстановки элементов по своим местам.

Все изображения, результаты прогнозирования и информация о группировке сохраняются в хранилище BLOB-объектов. Связующим звеном между всеми сервисами выступает решение Azure Functions. Инструмент разработан в сотрудничестве с Kabel и Spike Techniques. Подробности о Sketch2Code представлены в документации на GitHub.

На данный момент этот блок не поддерживается, но мы не забыли о нём!Наша команда уже занята его разработкой, он будет доступен в ближайшее время.

Искусственный интеллект применяется и для выполнения более сложных задач подобного рода. В августе 2018 года система pix2pix научилась преобразовывать наброски в рисунки, используя мощность пользовательских компьютеров.