Как использовать библиотеку в Sketch просто

Библиотеки - это документы Sketch, которые содержат такие элементы, как символы, текстовые стили и стили слоев, которые можно использовать совместно со всеми другими документами, даже со всеми членами группы.

Эскиз Эскиз для Mac

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

Библиотеки чрезвычайно полезны для совместных групп разработчиков, в которых им необходимо совместно использовать такие компоненты, как значки, элементы интерфейса или бренды. Тем не менее, они по-прежнему полезны, даже когда вы работаете в одиночку. С помощью библиотек вы можете быстро вставлять общие компоненты (например, элементы пользовательского интерфейса Apple в iOS) в свои проекты и следить за тем, чтобы они всегда были в курсе.

Добавить библиотеку

Откройте «Настройки» Sketch, выбрав « Sketch»> «Настройки» (или нажав « ⌘+» ,) и щелкнув вкладку « Библиотеки » . Здесь вы можете перетащить документ эскиз библиотеки в окно или использовать кнопку Добавить библиотеку ... , чтобы добавить нужные данные.

Поделиться библиотеками

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

Использовать облачный сервис, такой как Dropbox или Google Drive, для совместного использования библиотеки так же просто, как загрузить документ Sketch и поделиться им с теми, кто в нем нуждается. Они будут получать уведомления в Sketch каждый раз, когда обновляют его.

Использование Sketch Cloud для совместного использования библиотеки также просто. Просто загрузите документ в это облако, откройте его настройки, выберите « Использовать как библиотеку» и нажмите « Сохранить изменения» .

Любой, кто разделяет этот документ библиотеки в Sketch Cloud, может нажать кнопку « Добавить библиотеку в эскиз» в обзоре документа, чтобы добавить его в качестве библиотеки и получать уведомления в Sketch при обновлении.

Поделитесь библиотеками с Sketch для команд

Если это часть библиотек, которые разделяются и открываются командой, это еще проще. Загрузите документ в командную рабочую среду, щелкните значок Cog, чтобы открыть настройки, выберите « Использовать как библиотеку»> нажмите «Сохранить изменения» .

Вернитесь в приложение Mac, и вы увидите все облачные библиотеки любой команды, работающие на вкладке «Библиотеки» в настройках. Вы можете пролистать и найти нужные вам библиотеки. Если вы хотите использовать библиотеку, просто нажмите Установить .

Использование RSS и сервера для обмена библиотеками немного сложнее. Во-первых, вам нужно разместить этот документ библиотеки на сервере. Затем вам нужно создать XML-файл следующим образом:

В этом XML-файле вам нужно отредактировать следующее:

• <title> - имя библиотеки, отображаемой в Sketch.
• <image> <url> - URL-адрес миниатюр по умолчанию, который Sketch попытается использовать для вашей библиотеки. Он будет указывать на общедоступный URL-адрес изображения.
• <item> - информация между тегами элементов - это то, что вы хотите обновить при создании новой версии библиотеки. Вам нужен только тег элемента в ленте.

В этом теге раздела для каждого обновления необходимо указывать:

• <pubDate> - Открытая дата обновления библиотеки в формате RFC822.
• <enclosure> - тег вложения имеет 3 атрибута: url, type & sparkle: version. Этот URL-адрес должен указывать непосредственно на местоположение сервера документа библиотеки, тип должен быть «application / octet-stream» и, наконец, sparkle: version - номер последней версии обновления.

Убедитесь, что вы сохранили и XML-канал, и файл Sketch с URL-адресом формы http или https, но не объединяйте их.

Наконец, используйте инструмент, такой как Meyerweb URL encoder, для кодирования XML-канала URL и добавьте его следующим образом:

sketch: // add-library? url =

Введите полный URL (от sketch: // до конца зашифрованного URL) в браузере, чтобы открыть Sketch и добавить свою общую библиотеку.

Значок библиотеки

Когда вы добавите библиотеку, вы увидите, что она появляется в верхней части панели «Компоненты». Нажав на имя библиотеки, вы сможете выбрать символы, стили текста и стили слоя из библиотеки и перетащить их в Canvas. Вы также можете получить доступ к символам библиотеки из меню « Вставка» вместо значка «Символы». Связанный значок указывает, что они являются частью библиотеки.

Вы также найдете библиотечные символы в символах при изменении символов.

Как редактировать символы библиотеки

При двойном щелчке на значке библиотеки для редактирования Sketch предоставляет несколько вариантов в зависимости от того, куда добавлен файл библиотеки.

Двойной щелчок для редактирования символа, принадлежащего локальной библиотеке или библиотеке в личном облаке, покажет следующие параметры:

• Открыть в библиотеке приведет вас к исходному документу библиотеки, чтобы вы могли редактировать основную версию Symbol. Это обновит библиотеку и любые документы с версиями этого значка.
• При отмене ссылки из библиотеки будет создана локальная версия Symbol, чтобы вы могли редактировать ее исходную версию в текущем документе. Это означает, что вы больше не будете получать эти обновления значков, если библиотека была первоначально обновлена.

Если вы пытаетесь редактировать Символ Командной библиотеки в облаке, вы увидите следующие опции:

• Открыть в библиотеке откроет исходный документ библиотеки из облака. Любые изменения здесь будут обновлены в библиотеке для просмотра всеми членами команды. Любой документ с версиями этого значка будет отражать эти изменения.
• Отключение от библиотеки создаст локальную версию Symbol, чтобы вы могли редактировать оригинальную копию в текущем документе. Это означает, что вы больше не будете получать эти обновления значков, если исходная библиотека была обновлена.

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

Если символ, который вы хотите отредактировать, принадлежит сторонней библиотеке. Например, в наборе Apple iOS UI будет только опция « Отключить от библиотеки» .

Стили библиотеки

В дополнение к символам, вы можете обмениваться и синхронизировать стили текста и слоев, используя библиотеки. Они появятся на панели компонентов и всплывающих компонентов в «Внешний вид» в Инспекторе. Вы также можете получить доступ к тексту и стилям слоя через меню «Вставка». Как и символы, стили библиотек имеют связанный значок рядом с именем группы, указывающий, что они являются частью библиотеки.

Как редактировать стили библиотеки

Если вы используете библиотечный стиль (стили слоя или текстовые стили) в документе и хотите редактировать слой, используя его, у вас есть несколько параметров на панели «Внешний вид» в Инспекторе:

• Прежде чем вносить какие-либо изменения, вы можете выбрать Создать новый локальный стиль из текущего выбранного стиля. Это действие удаляет ссылку этого типа в библиотеке и создает новый локальный стиль в документе.
• В качестве альтернативы вы можете выбрать этот стиль отсоединения от его исходной версии, чтобы удалить его ссылку в библиотеке, но не создавать новый локальный стиль.
• Если вы редактируете библиотечный стиль, вы можете выбрать « Создать новый стиль» и «Заменить», чтобы отсоединить его ссылку в библиотеке, создать новый локальный стиль и применить эти изменения ко всем слоям документа с тем же стилем. пользователь. Кроме того, вы можете выбрать « Сбросить стиль», чтобы отменить любые изменения.
• Если стиль не является частью сторонней библиотеки, вы можете выбрать « Редактировать стиль в библиотеке», чтобы открыть документ библиотеки, содержащий этот стиль.

Примечание. При редактировании стиля в исходном документе библиотеки этот стиль будет обновляться для всех, кто использует эту библиотеку.

Как создать пресеты для библиотек

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

Теперь, когда вы работаете с документом, использующим эту библиотеку, щелкните заголовок над этими предыдущими настройками в окне «Заливки», затем выберите имя библиотеки, чтобы просмотреть все доступные предварительные настройки библиотеки.

Обновленные компоненты библиотеки

Когда компоненты библиотеки (символы, текстовые стили или стили слоев), используемые в документе, будут обновлены, вы увидите значок Доступные обновления библиотеки в углу окна программного обеспечения Sketch. Нажмите на него, появится диалоговое окно с обновлениями компонентов.

Выберите Компонент, чтобы увидеть изменения, и установите этот флажок, если вы хотите обновить его в документе. Если вы не хотите обновлять компонент, снимите его. После завершения нажмите Обновить компоненты .

Чтобы остановить обновление символа, дважды щелкните любую его версию в документе и нажмите « Отключить связь от библиотеки» . Это действие создаст локальный значок на этой странице символов.

Создать настроенную библиотеку аватара

Если вы хотите создать собственное окно предварительного просмотра для вашей библиотеки где-нибудь в документе, создайте квадратный артборд (1: 1), затем назовите его «Предварительный просмотр библиотеки».

Выше описано, как использовать функцию «Библиотека» в программе графического дизайна Sketch . Надеюсь, что статья полезна для вас.