Microsoft представила веб-інструмент Sketch2Code для перетворення ескізів інтерфейсів користувача в HTML-коди

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

Схема процесу перетворення

Sketch2Code працює за допомогою штучного інтелекту. Процес конвертації малюнка в код складається з п'яти кроків:

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

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

Інші новини