Горячие клавиши
Используйте горячие клавиши для того, чтобы сделать работу в Редакторе дизайна (Design Editor) более быстрой и эффективной.
Таймкоды:
00:00 — Введение
00:16 — Сменить Breakpoints
00:33 — Переключение между вкладками Панели Навигатора
00:57 — Показать контуры элементов
01:13 — Задать отступы
01:44 — Дублировать элементы
02:00 — Создать компоненты
02:33 — Обернуть элемент в Div Block
02:45 — Увеличить/уменьшить масштаб
03:00 — Использовать режим превью
03:17 — Показать скрытые элементы
03:30 — Функция Deep Select
03:43 — Сбросить настройки стилей
Чтобы увидеть список всех доступных горячих клавиш, нажмите на знак вопроса в правом нижнем углу и выберите пункт Показать горячие клавиши (Show shortcuts).
В нижней части экрана откроется панель, на которой горячие клавиши сгруппированы по вкладкам.
Название | Для 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 + 7 | ⇧Shift + 7 |
Показать вкладку настроек | Shift + 8 | ⇧Shift + 8 |
Изменить брейкпоинт | 1 … 7 | 1 … 7 |
Развернуть/свернуть секции стилей | Alt + S | ⌥ Option + S |
Развернуть/свернуть слои | Alt + Z | ⌥ Option + Z |
Название | Для Windows | Для Mac |
|---|---|---|
Сброс выбранного стиля | Shift + клик по левой кнопке | ⌥ Option + клик по левой кнопке |
Изменение марджинов и паддингов (со всех сторон) | Shift + перетаскивание мышью | ⇧Shift + перетаскивание мышью |
Изменение марджинов и паддингов (с противоположных сторон) | Alt + перетаскивание мышью | Option ⌥ + перетаскивание мышью |
Развернуть/свернуть все секции стилей | Alt + S | Option ⌥ + S |
Вызвать колорпикер для выбора цвета на холсте | I | I |
Отменить изменения | Ctrl + Z | ⌘Cmd + Z |
Вернуть изменения | Ctrl + Shift + Z | ⌘Cmd + Shift + Z |
Сохранить измненения | Ctrl + S | ⌘Cmd + S |
Название | Для Windows | Для Mac |
|---|---|---|
Скопировать | Ctrl + C | ⌘Cmd + C |
Вставить | Ctrl + V | ⌘Cmd + V |
Вырезать | Ctrl + X | ⌘Cmd + X |
Продублировать | Alt + перетаскивание мышью | Option ⌥ + перетаскивание мышью |
Продублировать с выделением (выделяется вновь созданный элемент) | Ctrl + D | ⌘Cmd + D |
Название | Для Windows | Для Mac |
|---|---|---|
Отменить выбор/Отменить действие | Esc | Esc |
Удалить элемент | Delete | Delete |
Выбрать дочерний элемент родителя | Enter | Enter |
Выбрать родительский элемент | \ | \ |
Выбрать следующий сиблинг | Alt + } | Option ⌥ + } |
Выбрать предыдущий сиблинг | Alt + { | Option ⌥ + { |
Обернуть элемент в Div-блок | Shift + A | ⇧Shift + A |
Глубокое выделение (самый нижний элемент в иерархии) | Ctrl + клик по левой кнопке | ⌘Cmd + клик по левой кнопке |
Название | Для Windows | Для Mac |
|---|---|---|
Увеличить масштаб | Ctrl + + | ⌘Cmd + + |
Уменьшить масштаб | Ctrl + - | ⌘Cmd + - |
Масштаб 100% | Ctrl + 0 | ⌘Cmd + 0 |
Масштабировать по ширине холста | Ctrl + Shift + 1 | ⌘Cmd + ⇧Shift + 1 |
Название | Для Windows | Для Mac |
|---|---|---|
Создать компонент | Ctrl + Alt + K | Option ⌥ + ⌘Cmd + K |
Отвязать компонент | Ctrl + Alt + B | Option ⌥ + ⌘Cmd + B |