Виммельбух, 3, перетяжка
Виммельбух, 3, перетяжка
Виммельбух, 3, перетяжка

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

Новости

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

7К открытий7К показов

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

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

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

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

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

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

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

Следите за новыми постами
Следите за новыми постами по любимым темам
7К открытий7К показов