Рабочие области и символы — это еще не все

Не поймите меня неправильно… Когда я только начинал использовать Sketch, я был восхищен рабочими областями и символами, они очень гармонично вписывались в мой процесс дизайна, и сейчас продолжают это делать. Все находится под контролем, я могу повторно использовать элементы, рисовать для экранов с разными разрешениями, или создать прототип приложения. В то же время, я осознал, что мне больше не нужна работа со слоями, я подумал, что я что-то упускаю, возможно я переоценил возможности рабочих областей и символов?

Погодите…

Что рабочие области и символы должны сделать со слоями? Будут ли они конфликтовать друг с другом? Это совершенно разные функции, не так ли? Я не мог понять, почему слои стали вдруг ненужными. Да, в Photoshop было непросто работать с ними, и было бы очень здорово увидеть их в Sketch в качестве основной фичи с новым подходом к UX.

Иногда мне проще создать разные положения визуального отбражения слоев вместо создания новых рабочих областей.

Почему?

Потому что намного проще и логичнее, когда вы вынуждены держать панель слоев чистой в ОДНОМ месте (а не в 7ми). Да, ограничения хороши — наличие фреймворка, который вынуждает вас делать все правильно, и в тоже время, это не должно вас ограничивать, а являться инструментом.

1-tdjuwV3Z-msfD6Li7ShKiw

Итак, я начал искать в Google, нашел несколько решений (некоторые были рабочие), но все они не были даже близки к моим ожиданиям.

“Есть ли что-то подобное набору слоев в Sketch?”

“К сожалению, нет ничего подобного набору слоев в Sketch”

Я думаю, единственный выход, это использовать рабочие области…”

Создать разные состояния рабочей области переключаться между ними — просто. Так же как набор слоев для Sketch.

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

Откройте его из меню Plugins и необходимая панель отобразится.

1-6zdfk793XaUkH_xBI0n0cw

Выберите рабочую область

Вы увидите исходное состояние. Это то состояние, которое невозможно удалить. Создайте новое состояние.

1-eDGPb4ayljoOd4ZAmAwnBQ

Измените положения и переключайте отображение слоев

Создайте новые состояния и примените изменения, не переходите к следующему состоянию без сохранения изменений. Контролируйте этот процесс.

1-FDXxYGnIya9upVsOWLH_UA

Куда вы собрались? Нет изменений?
Куда вы собрались? Нет изменений?

Наступает самое интересное

Используйте состояния в качестве новых рабочих областей на новой странице.

Теперь вы можете их экспортировать.

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

И да, состояния сохраняются в вашем файле.

Что дальше?

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

Дайте знать, как работает плагин — отзывы, идеи и сообщения об ошибках.

Github