Представляем Auto-Layout в Sketch

Для чего нам нужен Auto-Layout?

Нам нужен способ для определения и просмотра того, как выглядит наш дизайн на ВСЕХ размерах экранов, а не только для iPhone 7.

...

...

Что такое Auto-Layout для Sketch?

Плагин, который интегрируется в Sketch и предполагает определение и просмотр лейаутов в различных размерах (iPhone/iPad) и ориентациях (книжной/альбомной).

Простое определение Auto-Layout

Также, в данном плагине реализована возможность генерировать разные режимы просмотра для всех размеров экранов одновременно:

Сгенерированный обзор всех размеров экрана

...

Как его использовать?

• Скачайте плагин бесплатно: https://animaapp.github.io/Auto-Layout/
• Откройте .zip и дважды нажмите на “AutoLayoutPlugin.sketchplugin” для установки
• Определите ограничения для каждого слоя
• Сгенерируйте просмотр для того, чтобы убедиться, что ваш дизайн хорошо выглядит на всех размерах экранов.
• Выпейте пива с вашим разработчиком за то, что вы экономите много времени при помощи данного плагина.

Используйте простые или продвинутые ограничения. Все зависит от вас!

...

Просмотр позволяет легко просмотреть дизайн на всех размерах экранов.

...

Скачайте бесплатный плагин: https://animaapp.github.io/Auto-Layout/

...

Апдейт: Auto-Layout теперь поддерживает Android и Web

Перевод статьи Anima App