Sketch Constraints – это плагин, который интегрирует ограничения в Sketch для расположения слоев.
Наш канал в

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

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

Редактирование ограничений ⌘ + E

editconstraints

Обновление макета ⌘ + L

updatelayout

Пример

example@2x

Установка

Убедитесь, что у вас установлена последняя версия Sketch 3. (Sketch 3.3+)

  1. Скачайте ZIP-архив из репозитория
  2. Дважды кликните на Sketch Constraints.sketchplugin

Примечания

  • Ограничения не относятся к другим слоям, только к родителю.
  • Опция Update Layout обновляет каждый артборд на текущей странице.
  • Когда изменяется размер группы, также изменится размер и всех дочерних слоев. Если вы хотите сохранить размер дочернего слоя, установите его параметры Width и/или Height вручную.
  • На данный момент ограничения связаны с названиями слоев. Привязка к ID слоев была неудачным решением, так как плагин не срабатывал для дублированных артбордов и слоев.

Скачать плагин Sketch Constraints

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

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

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

Полное руководство по дизайну 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