Музыкант и арт-директор в red_mad_robot
МузыкаЮтубИнстаграм𝕏

Позднее Ctrl + ↑

Команды

С выходом Монтерея, на маке стали доступны Команды™. Мне нравилось с ними возиться на iOS, хоть и понимаю, что действительно полезных команд и с пяток не наберётся. На айфоне у меня вот так.

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

«Чистка видео» работает соответственно названию. Можно выбрать вес, начиная с которого делается выборка и просмотреть кандидатов на удаление.

«Домой» открывает Яндекс.Такси и подставляет в «куда» домашний адрес.

А вот «URL → QR» уже сделал на Монтерее. Сами команды синхронизируются между макосью и айфоном, а это намекает, что их можно делать кросс-платформенными.

Команда генерирует картинку c куаром из адреса сайта. Часто по работе надо. Ещё она работает как «служба» и вызывается из контекстного меню. Итоговая картинка прыгает в буфер.

Команда забирает адрес, если его передают в «службу». Если же таким образом URL не поступил, команда показывает диалог и просит написать адрес самим. Далее генерится куар, картинка сжимается до 600 px и помещается в буфер. Потом идёт проверка: если мы на айфоне — вибрировать в честь выполнения команды. Эту проверку приходится делать, ведь иначе, при выполнении на макбуке, вылетает ошибка. Почему-то макбук не может просто проигнорировать неактуальный для себя запрос :—)

Фигма — это 16К20

У меня простое правило: ютуб советует — я смотрю. Вдруг там знания, а я не узнаю. Какое-то время ютуб считал, что в моей жизни не хватает именно токарного ремесла. А я и не спорил.

16K20 — распространённый в СССР токарный станок. В тех видосах меня заинтересовало, как мастера подстраивают станок под конкретную работу. А если сейчас инструмент не способен выполнить задачу, ребята на этом же станке вытачивают для него новую деталь.

Нравится такая гибкость инструмента. Ещё интересно экспериментировать, что быстрее в конкретной ситуации. Выполнить нетривиальную задачу, но сразу доступными под рукой средствами? Или лучше инвестировать время в допилку станка и работа упростится?

Мой станок — это Фигма и мне интересно совершенствовать этот инструмент под свои задачи.

Дисклеймер: автор понимает, что где-то здесь шкалит задротометр. Надо ловить себя в тот момент, когда обслуживание инструмента из разумной оптимизации превращается в прокрастинацию.

Дано: полноразмерная клавиатура. У неё не заняты F5, F6 и всё с F13 по F19. Девять кнопок ждут того, чтобы их соединили с какими-то частями станка.

Часто надо создавать новые компоненты. Дефолтное сочетание клавиш — opt+cmd+K — не нравится. В целом не фанат комбинаций шифта, контрола, опшна и команда. Есть сочетания, которые уже в ногти вросли, но приучаться к новым бесяво.

Да и создание компонента более востребованное действие, чтобы прятаться за аж двумя модификаторами. Короче, отныне новый компонент создаётся по F5. Здесь и далее, для перенаправления клавиш использую Keyboard Maestro (см. предупреждение про задротометр). Знаю, что на операции, выведенные в нативное меню приложения, можно и системными настройками клавиши навешивать. Но Keyboard Maestro просто приятнее и пригодится далее для автоматизаций посложнее.

Например, для множественного создания компонентов. Эта штука в меню не выведена и горячей клавиши для неё нет. Вот и работка для F6. В Keyboard Maestro забиваю такой скрипт:

При F6 вызывается строка Quick actions, в неё загоняется фраза «Create multiple components» и нажимается Enter.

Прошу обратить внимание на флекс: всё делается со свёрнутым интерфейсом Фигмы.

Иногда надо быстро выставить объект по центру холста. Допустим, это можно и дефолтными клавишами — opt+H+V. Но ведь мне надо, чтобы заодно выставлялись центральные констрейты. Кстати, в этом посте я позволю себе не уточнять «зачем». Это отдельный рассказ :)

Есть затык: у констрейтов не то что горячих клавиш нет, это действие даже в Quick actions не выведено. Надо как-то обнажить ендпоинты. Есть хороший плагин — Automater. Он выводит много полезного в нативное меню Фигмы, а значит у нас появляется апи для связи с Keyboard Maestro. Например, в Automater есть такое:

Это мне и надо. На клавишу F13 вешаю такой скрипт:

Ловкость, грация, изящество:

Таким же образом повесил на F14 центральное выравнивание и установку scale-констрейтов. Полезно, когда иконки рисуешь.

Поговорим о равенстве. Если выбран один объект, Фигма равняет его относительно фрейма. Это классно: хочешь быстро отправить объект в левый верхний угол — opt+A+W. Если же выбрано несколько объектов, то они равняются относительно друг друга. Чаще всего это ожидаемое поведение, но иногда надо выбрать несколько объектов и выровнять их все по левой границе фрейма. Тут Фигма ничего не поделает: упорно будет равнять по левой границе самого левого объекта. Группировку не предлагать, ведь она вмешивается в иерархию слоёв. Кстати, если бы группы не вычленяли слои из своих родителей, в них ещё был бы какой-то смысл супротив фреймам. Fix please.

У Automater есть функция Align Left и она безжалостно равняет объекты по левой границе фрейма, сколько бы их не было выбрано. То что нужно. Делаю так:

Здесь я все же изменил своей нелюбви к комбинациям модификаторов. Я привык, что обычное выравнивание слева — это opt+A. Выходит, что новое супер-выравнивание это модификация обычного, что укладывается в сдабривание этой комбы шифтом. Аналогично сделал для низа, права и верха. Вот так теперь могу:

Или совсем разнос — хоба:

Скептичной настроенный афро-американец из лайфхачных тиктоков спросит: и что, много времени экономит? Наверняка нет: речь о секундах. Не думаю, что дело именно во времени. Есть операции, которые не занимают время. Они просто неловкие. Жаль не время. Жаль, что между тобой и реализацией задуманного всё ещё стоят движения руками. Я хочу, чтобы объект всегда был строго по центру. А сначала выравнять по вертикали, потом по горизонтали, затем вертикальный констрейт, горизонтальный констрейт — не хочу.

Недоиспользованные кнопки

Фигма (и прочие профессиональные инструменты) плотно набита функционалом.

Сложно предугадать опции в контекстном меню по правому клику на объекте. Например, иногда надо растрировать форму. Жму правую кнопку, в надежде найти Rasterize selection, а оно не там. Полагаю, для этой функции уже жаль места в меню — и так много всего.

Встречаются горячие клавиши с полным пакетом модификаторов: cmd+shift+option+кнопка — это ж 4 пальца одной руки, а то и вовсе этюд для двух рук.

Опций много, но такая глубина не всегда нужна и желание сохранить простоту фасада понятно. Панельки Афтер Эффектса или Блендера отталкивают новичка, а Фигма чистенькая и нестрашная.

Хотелось бы, чтобы Фигма сохранила внешнюю простоту, но полнее использовала возможности ввода. Можно подсмотреть у вышеупомянутых инструментов.

Например, двойной клик по кнопке. Если в Афтер Эффектсе дважды кликнуть по кнопке создания прямоугольника, он заполнит собой всю композицию.

Хочу такое же в Фигме: двойной клик по кнопке создания формы, фрейма или текста, создаёт соответствующий слой, полностью заполняющий выделенный фрейм.

Кстати, я сделал плагин, который мгновенно заполняет фрейм тонировкой со scale-констрейтами. Удобно, чтобы делать модалки.

Оператор Фигмы, конечно, не кликает на кнопку, чтобы нарисовать прямоугольник. Он жмёт R. Блендер подсказывает: двойное нажатие на кнопку клавиатуры тоже существует. Если нажать просто G, Блендер, как обычно, свободно перемещает выбранные точки. Но если дважды клацнуть G, точки двигаются вдоль граней.

Такое бы в Фигму. Как и двойной клик по кнопке, двойное R заполняет фрейм прямоугольником.

Или ещё из Блендера: пока скашиваешь грань, можно крутить колёсико и наращивать полигоны для более плавного скоса.

Вот бы и в Фигме: жмёшь R, растягиваешь новый прямоугольник и заодно колёсиком меняешь скругление углов.

Наполнение функциями заставляет Блендер и прочие сложные инструменты глубже использовать средства ввода. Вдохновляться и вдохновляться.

Внезапный пример из Корела. Тут без видео, по памяти. Если зажать мышь и перетаскивать объект, можно кликнуть ещё и правой кнопкой. Тогда в текущем месте создаётся копия. Просто тащишь объект и быстро напуливаешь копии — всего-то надо правой кнопкой в нужных местах тыкать. Эту штуку хочу в Фигму как есть.

Вот такие примеры, как богаче использовать клавиатуру и мышь. Предлагайте свои.

Bump of Chicken

Ну вы знаете Lotte, которые тоже чокопаи делают. Я слабо понимаю, что происходит на видео. Видимо, это клип-коллаборация-реклама. Но как же прекрасно.

Ранее Ctrl + ↓