Sketch запустил новую бета-версию (47) с новой интересной функцией: Sketch Libraries. Что это?

Sketch Libraries в 47 версии

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

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

Очевидно, что есть такие продукты, как Craft Library, Lingo Sketch-плагин или SatchelforSketch, но ни один из них не отличается простотой в использовании. И большинство из них — платные приложения (они просто хотят выжать деньги из дизайнеров…)

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

Использование довольно простое и понятное. Чтобы добавить Sketch Libraries, вам понадобится файл Sketch, содержащий символы, и добавить его в свою Библиотеку: Preferences > Libraries.

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

Если вы правильно организовали свои символы, теперь все должно появиться в меню Insert > [Имя вашей библиотеки]

Вот, что у меня есть:

Организация символов с помощью Sketch Libraries

Теперь вы можете видеть, насколько это полезно. Использование может быть очень простым в вашей проектной работе. И если вы обновите свою библиотеку, она автоматически уведомит другие Sketch-файлы о редактировании.

Контроль версий Sketch Libraries Первое впечатление от Sketch Libraries

И, если вы хотите отредактировать символы, она попросит вас обновить их в оригинальном документе.

Редактирование символов Sketch Libraries

Если ваша библиотека Sketch правильно организована, она может дополнительно дать вам возможность улучшить рабочий процесс.

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

Состояние элементов с помощью Sketch

Подождите немного

Новая версия все еще находится в стадии бета-тестирования, так что она слегка глючная, но я уже очень рад видеть многообещающую окончательную версию. Несколько минусов, которые я увидел во время тестирования:

  • Пока нет интеграции стилей текста или фигуры, но я уверен, что это будет. Тем временем вы можете использовать https://github.com/nilshoenson/shared-text-styles и https://github.com/andrewfiorillo/sketch-palettes, чтобы поделиться стилями текста и цветовой палитрой во всех ваших Sketch-файлах.
  • Ваш файл библиотеки Sketch должен быть тщательно проверенным и правильно названным. Я часто использую эту схему в своих Символах.

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

Sketch объединяет все элементы с одним и тем же именем. Я придерживаюсь этого принципа, чтобы все мои символы были категоризированы, поэтому мне не нужно их искать.

  • Нет панели поиска. Я думаю, если бы у вас было много символов, было бы здорово, если бы вы могли искать в своей библиотеке.

Но команда разработчиков уже проделала отличную работу, и я несказанно счастлив, что они, наконец, запустили эту новую функцию. Мы ближе к тому, чтобы наконец поделиться не только элементами пользовательского интерфейса, но и всей дизайн-системой.

Если вам есть, что добавить, пишите в комментариях!