Плагин Resize Commands для Sketch

Плагин Resize Commands для Sketch позволяет изменять размер и позицию объектов при помощи использования простых арифметических команд, типа b+20, lr+20. Поддерживается несколько объектов.

Демо Resize Commands

Resize Commands

Использование

Нажмите Cmd + shift + q для того, чтобы открыть окно, в котором вы можете вводить команды для изменения размера выбранного объекта.

Пример использования

  • l+20 // растянуть выбранный объект на 20 пикселей слева
  • a-10 // сузить на 10 пикселей со всех сторон
  • w/2 // разделить ширину на 2
  • x+100 // подвинуть выбор на 100 пикселей вправо
  • h=200 // установить высоту 200 пикселей
  • w25% // задать ширину 25% от размера

Несколько команд

Вы запросто можете комбинировать команды путем разделения их (при помощи a/or) или использовать сразу несколько направлений, например:

  • lrb+20 // растянуть выбор на 20 пикселей слева, справа и снизу
  • wh=100 // установить ширину и высоту 100 пикселей
  • xy+100 // подвинуть на 100 пикселей вправо и вниз
  • b-20,w=200 // сузить на 20 пикселей от нижнего края, установить ширину 200 пикселей
  • w20%,h/3 // установить ширину 20%, разделить высоту на 3
  • w*2,tb+50,y-100 // удвоить ширину, добавить 50 пикселей вверху и внизу, поднять на 100 пикселей

Допустимые направления:

Направление
t Верх
b Низ
r Справа
l Слева
a Все направления
w Ширина
h Высота
x Ось X
y Ось Y

Оператор
+ Плюс
– Минус
\* Умножить
= Установить ширину или высоту
/ Разделить
% Процент

Установка

  1. Скачайте плагин
  2. Разархивируйте и запустите установку Resize Commands.sketchplugin

Спасибо Мэту Стоу, который много сделал для создания этого плагина. Я использовал его плагин Math Resize в течении долгого времени!

Отзывы Resize Commands

Если вы заметили ошибку или у вас есть предложения, я с радостью их выслушаю.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5