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

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

Шапка

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

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

Справа находятся масштаб, копирование ссылки на просмотр, ссылка на документацию, Settings и меню профиля. Тема меняется в Settings → My settings → Appearance → Theme.

Чтобы временно оставить только рабочую область, нажмите ⌘\ на macOS или Ctrl+\ на Windows и Linux. В Edit сочетание скрывает левую, правую и нижнюю панели, в Preview — плавающие шапки и ручки ширины. Повторное нажатие возвращает интерфейс. Выбранные режим Minimize ui и ширина Preview не меняются.

Левая панель

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

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

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

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

Внизу расположены кнопки Frame, Text, меню фигур с Rectangle, Circle, Ellipse, Polygon и Line, а также Image, Slider и Video. Кнопка Custom widgets открывает поповер с Embed code, Info Point, Lottie, BeforeAfter и пользовательскими виджетами проекта, если они настроены. Выберите виджет, затем разместите его на холсте.

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

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

Если снять выделение, панель переключится на настройки всего материала: Breakpoints, Fonts и Analytics. Настройки вставки и редакторских проверок находятся в окне Settings.

Личные настройки и настройки сайта

В Settings вкладка My settings задаёт личные настройки редактора, а This site — общие значения для текущего сайта. Для полей, доступных в обеих вкладках, личное значение имеет приоритет над общим.

Фон вокруг материала в Preview задаётся только для сайта: This site → Preview → Preview background. По умолчанию он белый в обеих темах редактора.

Унаследованное поле помечено Inherited from site или Default. Кнопка Restore site убирает личное переопределение и возвращает значение сайта; Restore default возвращает исходное значение. Изменения сохраняются автоматически; пока запрос выполняется, в окне виден статус Saving….

Возврат к настройке сайта снимает личное переопределение только с выбранного поля.