Microsoft представила веб-инструмент Sketch2Code для преобразования эскизов пользовательских интерфейсов в HTML-коды
Команда Microsoft Azure представила веб-инструмент Sketch2Code для преобразования эскизов пользовательских интерфейсов в HTML-коды. Сервис ускоряет процесс разработки проектов, избавляя от необходимости вручную создавать разметку на основе рисунка.
Схема процесса преобразования
Sketch2Code работает при помощи искусственного интеллекта. Процесс конвертации рисунка в код состоит из пяти шагов:
- Пользователь загружает фото эскиза интерфейса через веб-сайт Azure.
- Модель компьютерного зрения Microsoft распознает HTML-элементы.
- Технология распознавания рукописного текста обнаруживает слова, расположенные внутри элементов.
- Алгоритм компоновки создает сетку для размещения объектов.
- Механизм генерации кода использует всю полученную информацию для создания HTML-разметки и расстановки элементов по своим местам.
Все изображения, результаты прогнозирования и информация о группировке сохраняются в хранилище BLOB-объектов. Связующим звеном между всеми сервисами выступает решение Azure Functions. Инструмент разработан в сотрудничестве с Kabel и Spike Techniques. Подробности о Sketch2Code представлены в документации на GitHub.
Опубликовано: 29 августа 2018