Горячие клавиши

Используйте горячие клавиши для того, чтобы сделать работу в Редакторе дизайна (Design Editor) более быстрой и эффективной.

Видео: Горячие клавиши

https://vk.com/video-219751701_456239135

VK Видео | YouTube

Чтобы увидеть список всех доступных горячих клавиш, нажмите на знак вопроса в правом нижнем углу и выберите пункт Показать горячие клавиши (Show shortcuts).

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

Горячие клавиши просмотра (View)

Название

Для Windows

Для Mac

Показать/скрыть горячие клавиши

Ctrl + Shift + /

⌃Ctrl + ⇧Shift + /

Показать/скрыть предварительный просмотр

Ctrl + \

⌘Cmd + \

Показать/скрыть границы элементов

Shift + O

⇧Shift + O

Показать/скрыть скрытые элементы

Shift + H

⇧Shift + H

Показать/скрыть подсветку марджинов и паддингов на холсте

Shift + L

⇧Shift + L

Показать/скрыть пустые элементы

Shift + E

Shift + E

Показать/скрыть указатели элемента

Shift + U

⇧Shift + U

Показать/скрыть название элемента на холсте

Shift + N

⇧Shift + N

Показать/скрыть окно публикации

Shift + P

⇧Shift + P

Показать/скрыть хлебные крошки

Shift + B

⇧Shift + B

Показать/скрыть левую панель

Shift + R

⇧Shift + R

Показать вкладку Элементы

Shift + 1

⇧Shift + 1

Показать вкладку Слои

Shift + 2

⇧Shift + 2

Показать вкладку Компонентов

Shift + 3

⇧Shift + 3

Показать вкладку Страницы

Shift + 4

⇧Shift + 4

Показать вкладку Академия

Shift + 5

⇧Shift + 5

Показать вкладку Коллекции

Shift + 6

⇧Shift + 6

Показать вкладку Ресурсы

Shift + 7

⇧Shift + 7

Показать вкладку Дизайн

Shift + 8

⇧Shift + 8

Показать вкладку Настройки

Shift + 9

⇧Shift + 9

Показать вкладку Анимации

Shift + 0

⇧Shift + 0

Изменить брейкпоинт

1 … 7

1 … 7

Развернуть/свернуть секции стилей

Alt + S

⌥ Option + S

Развернуть/свернуть слои

Alt + Z

⌥ Option + Z

Горячие клавиши управления (Control)

Название

Для Windows

Для Mac

Сброс выбранного стиля

Shift + клик по левой кнопке

⌥ Option + клик по левой кнопке

Изменение марджинов и паддингов (со всех сторон)

Shift + перетаскивание мышью

⇧Shift + перетаскивание мышью

Изменение марджинов и паддингов (с противоположных сторон)

Alt + перетаскивание мышью

Option ⌥ + перетаскивание мышью

Изменение размера угла/края (пропорционально)

Alt + перетаскивание мышью

Option ⌥ + перетаскивание мышью

Изменение размера края (симметрично)

Ctrl + Alt + перетаскивание мышью

⌘Cmd + Option ⌥ + перетаскивание мышью

Вызвать колорпикер для выбора цвета на холсте

I

I

Отменить изменения

Ctrl + Z

⌘Cmd + Z

Вернуть изменения

Ctrl + Shift + Z

⌘Cmd + ⇧Shift + Z

Сохранить изменения

Ctrl + S

⌘Cmd + S

Сохранить и опубликовать изменения

Ctrl + Shift + S

⌘Cmd + ⇧Shift + S

Горячие клавиши редактирования (Edit)

Название

Для Windows

Для Mac

Скопировать

Ctrl + C

⌘Cmd + C

Вставить

Ctrl + V

⌘Cmd + V

Вырезать

Ctrl + X

⌘Cmd + X

Продублировать

Alt + перетаскивание мышью

Option ⌥ + перетаскивание мышью

Продублировать с выделением (выделяется вновь созданный элемент)

Ctrl + D

⌘Cmd + D

Горячие клавиши выделения (Selection)

Название

Для Windows

Для Mac

Отменить выбор/Отменить действие

Esc

Esc

Удалить элемент

Delete

Delete

Выбрать дочерний элемент родителя

Enter

Enter

Выбрать родительский элемент

“\”

“\”

Выбрать следующий сиблинг

Alt + }

Option ⌥ + }

Выбрать предыдущий сиблинг

Alt + {

Option ⌥ + {

Обернуть элемент в Div-блок

Shift + A

⇧Shift + A

Глубокое выделение (самый нижний элемент в иерархии)

Ctrl + клик по левой кнопке

⌘Cmd + клик по левой кнопке

Горячие клавиши масштаба (Zoom)

Название

Для Windows

Для Mac

Увеличить масштаб

Ctrl + +

⌘Cmd + +

Уменьшить масштаб

Ctrl + -

⌘Cmd + -

Масштаб 100%

Ctrl + 0

⌘Cmd + 0

Масштабировать по ширине холста

Ctrl + Shift + 1

⌘Cmd + ⇧Shift + 1

Горячие клавиши компонентов (Component)

Название

Для Windows

Для Mac

Создать компонент

Ctrl + Alt + K

Option ⌥ + ⌘Cmd + K

Отвязать компонент

Ctrl + Alt + B

Option ⌥ + ⌘Cmd + B