Основные горячие клавиши в Sketch 3

Полезные и удобные шорткаты в Sketch

Мы собрали большое количество горячих клавиш, не считая контекстные клавиши, и те, которые имеются в Инспекторе и списке слоев.
Установите плагин Apple Keyboard Sketch file.

Чтобы вставить фигуру

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

Для соблюдения пропорций – удерживаем Shift
Рисуем фигуру с центра – зажимаем Alt
Линия – L
Овал – О
Круг – Shift O
Карандаш – P
Прямоугольник – R
Прямоугольник с закругленными углами – U
Текст – Т
Вектор – V
Артборд – А
Слайс – S

Анимация

После того, как скопировали нужные элементы, нажмите Alt для просмотра расстояния между ними.

Удобные шоткаты для редактирования фигур

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

Непрозрачность слоя – от 1 до 0
Заливка – F
Выбрать цвет – Сtrl C
Режим редактирования (Негруппированные слои) – Enter или дважды кликнуть мышкой
Выделить один слой глубже (Сгруппированные слои) – двойной клик
Выделить любой слой – ⌘ клик
Повернуть – ⌘ Shift R
Блокировать/Разблокировать – ⌘ Shift L
Скрыть/показать слой – ⌘ Shift H
Экспорт – ⌘ Shift E
Снять выделение / выделить родительский артборд или группу – Esc
Передвигаться по канвасу – Space + потянуть
Трансформировать — ⌘ Shift T

Работа с несколькими фигурами

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

При работе одновременно с несколькими фигурами используйте такие сочетания клавиш:

Объединить (Union) — Alt ⌘ U
Вычесть (Subtract) — Alt ⌘ S
Пересечь (Intersect) — Alt ⌘ I
Разница (Difference) — Alt ⌘ X
Использовать как маску — Ctrl ⌘ M
Сгруппировать — ⌘ G
Разгруппировать Shift — ⌘ G

Горячие клавиши для редактирования точек в Sketch:

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

Прямая (Straight) — 1
Зеркальная (Mirrored) — 2
Разъединенная (Disconnected) — 3
Асимметричная (Asymmetric) — 4
Следующая точка — Tab
Показать только выделенную точку — Alt
Показать срединную точку — ⌘

Изменения положения или размера

Отразить по горизонтали или по вертикали — Shift Drag
Продублировать слой — Alt Drag
Продублировать — ⌘ D

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

Сохранить соотношение сторон — Shift + ресайз
Ресайз из центра — Alt + ресайз
Поворот (ховер на границах) — ⌘
Подвинуть на 10px — Shift ←, →, ↑ or ↓
Расширить на 1px — ⌘ → or ↓
Cузить на 1px — ⌘ ← or ↑
Расширить на 10px — ⌘ Shift → or ↓
Cузить на 10px — ⌘ Shift ← or ↑

Шрифт

Жирный — ⌘ B
Курсив — ⌘ I
Подчеркнутый — ⌘ U
Больший размер — ⌘ Alt +
Меньший размер — ⌘ Alt –
Сменить шрифт — ⌘ Alt T
Сконвертировать текст в контуры — ⌘ Shift O
Уменьшить межсимвольный интервал — Alt Ctrl T
Увеличить межсимвольный интервал — Alt Ctrl L
Выровнять по левому краю — ⌘ Shift }
Выровнять по правому краю — ⌘ Shift {
Выровнять по центру — ⌘ Shift |
Эмоджи и символы — ⌘ Ctrl Space

Копирование и вставка

В Sketch вы можете вставить изображение любого формата (JPG, PNG, SVG).
Он попробует захватить вектор, если сможет. Аналогично Sketch скопирует вектор в другие приложения, такие как Keynote.

Копировать — ⌘ C
Вставить — ⌘ V
Вставить на место — ⌘ Shift V
Вставить на место курсора — Правый клик / Paste Here (Вставить здесь)
Копировать стиль — Alt ⌘ C
Вставить стиль — Alt ⌘ V

Организация слоев и групп

Вперед — Alt ⌘ ↑
Назад — Alt ⌘ ↓
На передний план — Ctrl Alt ⌘ ↑
На задний план — Ctrl Alt ⌘ ↓

Фокус и масштабирование

Сфокусироваться на всех элементах на экране — ⌘ 1
Сфокусироваться на выделенном элементе — ⌘ 2
Отцентрировать выделенное — ⌘ 3
Смасштабировать до действительного размера (100%) — ⌘ 0
Увеличить — ⌘ +
Уменьшить — ⌘ —

Решетки и линейки

Чтобы объекты получили цельнопиксельные размеры включите функцию Pixel Fitting в меню Preferences. Для придания резкости включите опцию Show Pixels.

Анимация

Включить сетку — Ctrl G
Включить линейку — Ctrl R
Чтобы создать контрольную линию, кликните на зоне линейки. Используйте Shift для передвижения на 10 px. Протяните линию за край линейки, чтобы удалить ее.

Анимация

Включить/отключить разметку — Ctrl L
Включить/отключить пиксели — Ctrl P
Включить/отключить пиксельную сетку — Ctrl X
Пиксельная сетка может быть видна только при приближение 1000%.

Окно

Анимация

Перейти на следующее окно — ⌘ ~
Включить/выключить режим презентации — ⌘
Включить/выключить список слоев — Alt ⌘ 1
Включить/выключить инспектор — Alt ⌘ 2
Включить/выключить список слоев и инспектор — Alt ⌘ 3
Включить/выключить панель инструментов — Alt ⌘ T
Включить/выключить полноэкранный режим — Ctrl ⌘ F

Перечень слоев

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

Эти горячие клавиши в Sketсh применяются только к списку слоев.

Переключиться на блокировку (Lock) вместо сокрытия слоя (Hide) — Alt
Переименовать слой — ⌘ R или двойной клик
Выделить несколько слоев — ⌘ + клик
Выделить несколько слоев в группе — Shift + клик
Развернуть или свернуть слои — Option Click Expand Arrow
Следующий слой — Tab
Предыдущий слой — Shift Tab
Найти слой по имени — ⌘ F Предыдущая страница — Fn ↑
Следующая страница — Fn ↓
Экспортировать исходник в 1x PNG — Перетянуть слой наружу

Вы можете обойти эту настройку, используя опцию Make Exportable.

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

Горячие клавиши в Инспекторе

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

Используйте математические знаки и символы в полях. (+/-/%)

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

Перейти на следующее поле — Alt Tab
Увеличить или уменьшить число — Потащить влево или вправо
Увеличить или уменьшить на 1 — ↑ или ↓
Увеличить или уменьшить на 10 — Shift ↑ или ↓
Увеличить или уменьшить на 0.1 — Alt ↑ или ↓
Удалить заливки, границы или тени — Вытащить наружу из инспектора

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

Редактировать шорткаты можно на панели System Preferences.
Чтобы добавить горячую клавишу, перейдите в меню Keyboard → Shortcuts → App Shortcuts.

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

Создать символ — ⌘ Shift C
Сделать сетку… — ⌘ Shift M
Округлить до края ближайшего пикселя — ⌘ Shift P
Горизонтально (выровнять объекты) — ⌘ Shift [
Вертикально (выровнять объекты) — ⌘ Shift ]
Свернуть артборды и группы — ⌘ Shift \
Удалить неиспользуемые стили — ⌘ Shift ‘

Как создать горячие клавиши в Sketсh 3

К примеру, вы хотите создать горячую клавишу для функции вставки изображения (‘Insert > Image…’).

Sketch

Выбираем меню ‘System Preferences’ и переходим на ‘Keyboard’

Sketch

В меню ‘Keyboard’ перейдем во вкладку ‘Shortcuts’ и нажимаем на ‘App Shortcuts’ в панели слева:

Sketch

Теперь добавим еще одну для опции ‘Insert > Image…’. Нажмите на иконку ‘+’ под второй панелью, появится новое окно:
Теперь кликните на ‘All Applications’ и в  списке выберите ‘Sketch’, как показано здесь:

Sketch

Так как нужна горячая клавиша для ‘Image…’ введите такое же название для функции, какое она имеет в приложении и придумайте клавишу быстрого доступа, которой вам было бы удобно пользоваться. Убедитесь, что она не используется для других опций, и нажмите ‘Add’ (добавить).

Sketch

Добавленная только что горячая клавиша появится в панели справа, а также в вашем приложении:

Sketch

 

Обсуждение закрыто.