Знакомство с интерфейсом

Интерфейс разделен на три блока: элементы выбранного уровня списком (слева), дерево всей схемы (справа), схема реактивного управления для выбранного уровня (снизу).

Разберемся сначала с тем что слева: вперед, понажимайте несколько раз на . Теперь стоит пояснить что означают цвета обводки и цвета элементов в блоке справа:

• Зеленый - текущий выбранный элемент, текущий уровень. Если посмотрите на блок в самом низу, то увидите что он выбран как главный.
• Красный - это все дети элемента текущего уровня

Название главного элемента "Root", чтобы его поменять просто напишите новое название в поле "Название этого уровня". Это сразу поменяет название во всех остальных блоках. Красная кнопка удалит этот уровень, т.е всех его детей тоже (попробуйте).

Навигация

Двигаться по вашей структуре можно двумя способами:

• Используя левый блок: присмотритесь к синему тексту, наведитесь на верхнюю часть элемента и увидите что у вас поменялся курсор. Если нажать тут у красного элемента, то мы переключимся на отображение уровня этого элемента, т.е на уровень ниже. А если нажать там у зеленого элемента, то мы переключимся на его родителя, т.е на уровень выше.
• Используя блок справа: по своей сути это карта всей вашей структуры. Вы можете его как угодно перемещать (зажав ЛКМ) или приближать/отдалять (колесиком мыши). Так же тут работают те же цветовые коды. Для навигации достаточно нажать на любой элемент - он будет выбран как главный.

Получение результата и настройки

Когда вы создали необходимую структуру, можно начинать добавлять их в свою работу. Для этого в нижнем блоке справа снизу есть синяя кнопка скачать картинку. Так же есть кнопка Скачать все изображения, она автоматически скачает картинки для всех уровней декомпозиции (браузер будет ругаться, скажите ему что все в порядке).

Есть возможность настроить результат: например если вам нужно чтобы в одной строке было 4 элемента, то нажимайте на кнопку Настройки. Там должно быть все понятно.

Рекомендации

Не забывайте сохраняться! Зеленая кнопка Сохранить скачает на ваш компьютер файл со всеми данными, а желтая кнопка Востановить сохранение откроет диалог в котором можно будет выбрать файл сохранения для востановления.

Перед тем как начать работу, попробуйте понажимать на все кнопки, посмотреть что получается в разных сценариях, данных. Таким образом в середине дела не попадете на какую нибудь особенность работы этого сервиса.

Если нашли баг, есть предложение по улучшению и т.п, то можете написать об этом на гитхабе проекта в issues.