Sketch Bound with Box

Sketch Bound with Box – плагин берет выделенный слой и рисует прямоугольник того же размера и с тем же положением.

Эта опция может быть полезна при создании блока, в качестве инструмента для выравнивания и позиционирования, или как быстрый способ создания рамки (блока) вокруг элементов как часть дизайна.

Padding

К прямоугольнику можно добавить поля по всем четырем сторонам.

Move

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

Плагин Sketch Bound with Box

Установка Sketch Bound with Box

  1. Скачайте и распакуйте Sketch Bound with Box.
  2. Дважды кликните на BoundWithBox.sketchplugin для автоматической установки.

или

Установите плагин из SketchToolbox.

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

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

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

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

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

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

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