NVault

Sketch2Code - Набросок в HTML-разметку

Этот инструмент позволяет нарисованный на бумаге эскиз с помощью компьютерного зрения и машинного обучения превратить в разметку сайта.

f867c33d-63cb-4158-9c1f-c121962c6469

Как это происходит:

  1. Скетч загружается на сайт
  2. С помощью кастомной модели CV определяется положение и тип элементов на изображении
  3. Рукописный текст распознаётся и помещается внутрь соответствующих элементов
  4. Алгоритм компоновки использует информацию о размещении объектов и строит сетку
  5. Движок генерации HTML строит разметку на основе полученной информации

Рабочий процесс

8f669723-2a5f-458f-be08-6fe6551d62b3

А вот так выглядит архитектура

40e8b655-030e-4238-8dbc-3099b4a5d0e6

Всё дальше и дальше шагает Machine-Learning, что, я думаю, должно привести к уменьшению объёма рутинной работы.