Панель свойств

1. Панель дизайна

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

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

Вы также можете обновить цвет фона холста.

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

Панель дизайна содержит следующие свойства:

• Выравнивание и распределение.
• Размер и направление фрейма.
• Положение слоя на холсте (X и Y).
• Размер (ширина и высота) выбранного объекта.
• Настройки экземпляра.
• Свойства ограничений макета.
• Свойства сетки макета.
• Слои (режимы наложения).
• Текст.
• Заливка.
• Обводка.
• Эффекты.
• Настройки экспорта.

2. Панель прототипа

На панели прототипа вы можете использовать все настройки взаимодействия прототипа.

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

Панель прототипа состоит из пяти частей:

Выбор взаимодействия:

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

Применение анимаций:

Вы можете установить эффект смены фреймов. Вы также можете настроить направление, плавность движения и длительность.

Настройка всплывающего окна:

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

Настройка поведения при переполнении:

Вы можете решить, как страница прототипа реагирует на прокрутку. С помощью этой функции можно создавать сложные пользовательские взаимодействия, такие как карусели, списки или интерактивные карты.

Настройка базовых параметров прототипа:

Вы можете установить фон режима просмотра и стартовый фрейм для запуска процессов.

3. Панель передачи

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

Вы можете выбрать код и скопировать его: CSS (веб-разработка).