Интерфейс редактора

В редакторе четыре постоянные зоны: шапка, левая панель, холст и правая панель. Нижняя панель появляется в режиме правки и отвечает за создание виджетов.

Короткий обзор ниже показывает не только расположение зон, но и то, как панели реагируют на режим и выделение.

Шапка

Слева находятся основные действия с материалом:

• Preview / Edit переключает между правкой и просмотром;
• Save сохраняет текущую работу;
• Minimize ui освобождает место на холсте, не выходя из режима правки;
• в превью кнопка устройства переключает ширину между 960 и 400 px.

Справа находятся масштаб, копирование ссылки на просмотр, тема, ссылка на документацию и меню профиля.

Левая панель

• Layers показывает фреймы, группы и виджеты в их реальной вложенности.
• Versions открывает историю сохранений.
• Assets пока не содержит операций с файлами и показывает No assets.

Подробнее о структуре — на странице Слои и группы.

Холст и панель создания

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

Внизу расположены кнопки Frame, Text, Shape, Image, Slider, Video и Embed. В проектах с собственными виджетами после них появляются дополнительные кнопки.

Правая панель

Правая панель показывает только настройки, подходящие текущему выделению. Общие секции — Layout, Style, Stroke, Effects, Link, Animation и другие — могут отличаться у разных виджетов.

Если снять выделение, панель переключится на настройки всего материала: Breakpoints, Editorial checks, Fonts и Paste settings.