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

Главное меню имеет Ribbon-интерфейс, предоставляющий быстрый и лёгкий доступ к 8 пунктам:

Меню “Файл”

Меню “Файл” предоставляет доступ к операциям над проектом, настройкам программы и функциям печати:

Меню “Редактирование”

Меню “Редактирование” предоставляет наборы инструментов для быстрого редактирования объектов и, кроме того, позволяет запустить поиск по проекту:

Меню “Стандартные”

Меню “Стандартные” содержит большой набор стандартных компонентов, используемых при построении любого интерфейса:

Меню “Расширенные”

Меню “Расширенные” содержит нестандартные компоненты интерфейса (такие, как “Карта Google”, “Сворачиваемая панель”, “Список чек-боксов”) и компоненты, предназначенные исключительно для создания сложных, нетривиальных действий (например, “Таймер”, “Аудио проигрыватель”, “Объект связи”):

Меню “Фигуры”

Меню “Фигуры” содержит набор простых (квадрат, круг, прямоугольник, овал, ромб) и сложных (многоугольник) геометрических фигур для создания собственных нестандартных элементов управления или окон нестандартной формы:

Меню “Vaadin”

Меню “Vaadin” содержит набор оригинальных веб-компонентов Vaadin, используемых при создании прототипов веб-приложений:

Меню “Утилиты и фреймы”

Меню “Утилиты и фреймы” предоставляет наборы инструментов для настройки области редактирования, управления фреймами, а также позволяет запускать встроенные утилиты – Image Editor, Pixel Grabber и Screenshot Manager:

Меню “Помощь”

Меню “Помощь” предоставляет доступ к информации о программе, вспомогательным материалам, а также позволяет отправить письмо команде поддержки и развития GUI Machine:

Просмотр прототипа в интерактивном режиме

Набор инструментов для настройки и запуска просмотра прототипа в интерактивном режиме:

Фрейм Компоненты — основной рабочий инструмент при построении интерфейсов, содержащий множество различных компонентов. Инструмент предназначен для добавления на область редактирования объектов.

Компоненты внутри панели инструмента представлены в виде листьев дерева. Они объединены в группы, являющиеся узлами дерева, по функциональному назначению.

Фрейм содержит 4 набора компонентов: Стандартные, Расширенные, Фигуры, Vaadin.

Набор компонентов “Стандартные”

Большой набор стандартных компонентов, используемых при построении любого интерфейса:

Набор компонентов “Расширенные”

Нестандартные компоненты интерфейса (такие, как “Карта Google”, “Сворачиваемая панель”, “Список чек-боксов”) и компоненты, предназначенные исключительно для создания сложных, нетривиальных действий (например, “Таймер”, “Аудио проигрыватель”, “Объект связи”):

Набор компонентов “Фигуры”

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

Набор компонентов “Vaadin”

Набор оригинальных веб-компонентов Vaadin, используемых при создании прототипов веб-приложений:

Компактный вид

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

Инструмент Свойства объекта предназначен для отображения и изменения свойств объектов. При выборе объекта, находящегося на области редактирования, в окне Свойства объекта отображаются его свойства. Если выделить несколько объектов одного типа, то можно изменять свойства сразу всех выделенных объектов. Набор свойств объекта зависит от его типа. Некоторые стандартные свойства объекта являются не редактируемыми, например, идентификатор, тип объекта.

Фрейм Компоненты — основной рабочий инструмент при построении интерфейсов, содержащий множество различных компонентов. Инструмент предназначен для добавления на область редактирования объектов.

Компоненты внутри панели инструмента представлены в виде листьев дерева. Они объединены в группы, являющиеся узлами дерева, по функциональному назначению.

Фрейм содержит 4 набора компонентов: Стандартные, Расширенные, Фигуры, Vaadin.

Набор компонентов “Стандартные”

Большой набор стандартных компонентов, используемых при построении любого интерфейса:

Набор компонентов “Расширенные”

Нестандартные компоненты интерфейса (такие, как “Карта Google”, “Сворачиваемая панель”, “Список чек-боксов”) и компоненты, предназначенные исключительно для создания сложных, нетривиальных действий (например, “Таймер”, “Аудио проигрыватель”, “Объект связи”):

Набор компонентов “Фигуры”

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

Набор компонентов “Vaadin”

Набор оригинальных веб-компонентов Vaadin, используемых при создании прототипов веб-приложений:

Компактный вид

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

Фрейм Слои представляет сведения о расположении объектов на слоях, иерархии объектов и действиях между объектами.

По умолчанию, объекты отображаются в виде древовидной структуры, которая строится на основании связей объектов. В дереве также отображаются события и действия. Дерево наглядно отображает структуру интерфейсов. Данное представление является наиболее удобным и часто используется при проектировании интерфейсов

При необходимости можно просмотреть упорядоченный список слоёв без иерархии:

Этот вид включается при выборе пункта “Показать список объектов” контекстного меню. Номера слоёв задают порядок отображения объектов на области редактирования и при просмотре. Таким образом, объект, расположенный на слое с наибольшим номером, отображается на самом верху (над остальными), а с наименьшим – в самом низу (под остальными).

Шаблон — заранее подготовленный макет часто используемых объектов. Использование шаблонов значительно ускоряет и облегчает проектирование прототипа, особенно в случае, когда разные интерфейсы прототипа содержат похожие объекты или интерфейсные части:

Возможно создание шаблонов 3-х типов:

• простого – шаблона отдельного объекта;
• составного – шаблона объекта со всеми подъобъектами, содержимыми в нём (например, целого интерфейса);
• интерактивного – шаблона интерфейса с предзаданными действиями.

С помощью инструмента История можно вернуться к любому предыдущему состоянию проектного файла.

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

Имеется возможность отображения в списке даты и времени выполнения операции, а также выделение отдельных записей цветом:

• Image Editor 

• Pixel Grabber 

• Screenshot Manager