В дизайн макетах очень часто встречается следующий паттерн для изображения меню навигации — используется текстовый слой, слова в котором разделены одинаковым количеством пробелов или знаков табуляции.
Мы реализовали алгоритм, который распознает в таких текстовых слоях горизонтальную навигацию и преобразует их в HTML верстку горизонтальным списком. В случае генерации адаптивной верстки будет создано адаптивное меню навигации.
Следующий пример наглядно показывает, как алгоритм распознает горизонтальное меню и создает из него адаптивную верстку, используя Bootstrap.
В наших планах также добавить автоматическое распознавание вертикальных меню и их верстку списком.