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

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

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

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

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

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

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