スケッチでライブラリを使用する方法は簡単です

ライブラリは、シンボル、テキストスタイル、レイヤースタイルなどの要素を含むスケッチドキュメントであり、他のすべてのドキュメント、さらにはチームメンバー全体で共有できます。

Mac用のスケッチスケッチ

ライブラリのコンポーネントを更新すると、それらを使用するドキュメントは更新通知を受け取ります。これらの変更を確認および検証して、現在のジョブで常に最新のコンポーネントを使用していることを確認できます。

ライブラリは、アイコン、インターフェース要素、ブランドなどのコンポーネントを共有する必要がある共同設計チームで非常に役立ちます。ただし、1人で作業する場合でも、これらは役立ちます。ライブラリを使用すると、一般的なコンポーネント(AppleのiOS UI要素など)をデザインにすばやく挿入して、常に最新の状態に保つことができます。

ライブラリを追加

[スケッチ] > [設定 ]を選択して(または+を押して,)、[ ライブラリ ]タブをクリックして、スケッチの設定を開きますここでは、ライブラリスケッチドキュメントをウィンドウにドラッグするか、[ ライブラリを追加... ]ボタン使用して目的のデータを追加できます。

ライブラリを共有する

ライブラリを他のユーザーと共有する方法はいくつかあります。たとえば、クラウドサービスを介して、Sketch for TeamsまたはCloudを介して共有したり、サーバーにアップロードしてRSSを使用して更新したりできます。

DropboxGoogleドライブなどのクラウドサービスを使用してライブラリを共有するのは、Sketchドキュメントをアップロードしてそれを必要とするユーザーと共有するだけです。彼らはそれを更新するたびにスケッチで通知を受け取ります。

Sketch Cloud使用してライブラリを共有するのも簡単です。ドキュメントをこのクラウドにアップロードし、その設定を開き、[ ライブラリとして使用 ]をオンにして、[ 変更を保存 ]をクリックするだけです。

Sketch Cloudでこのライブラリドキュメントを共有するユーザーは、ドキュメントの概要で[ ライブラリをスケッチに追加 ]ボタンをクリックしてライブラリとして追加し、更新時にSketchで通知を受け取ることができます。

ライブラリをチーム向けスケッチと共有する

それがチームによって共有および発見されたライブラリの一部である場合、それはさらに簡単です。ドキュメントをチーム作業環境にアップロードし、歯車アイコンをクリックして設定を開き、[ライブラリとして使用 ]をオンにして、[変更を保存]をクリックします

Macアプリケーションに戻ると、[設定]の[ライブラリ]タブで作業しているチームのクラウドライブラリ全体が表示されます。スクロールして、必要なライブラリを見つけることができます。ライブラリを使用する場合は、[インストール]を押すだけです。

RSSとサーバー使用してライブラリを共有するのは少し複雑です。まず、そのライブラリドキュメントをサーバーでホストする必要があります。次に、次のようなXMLファイルを作成する必要があります。

<?xml version = "1.0" encoding = "UTF-8"?>
<rss version = "2.0" xmlns:atom = "http://www.w3.org/2005/Atom" xmlns:content = "http: //purl.org/rss/1.0/modules/content/ "xmlns:dc =" http://purl.org/dc/elements/1.1/ "xmlns:sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<channel>
<title> My Sketch Library </ title>
<description> My Sketch Library </ description>
<image>
<url> </ url>
<title> My Sketch Library </ title>
</ image>
<generator>スケッチ</ generator>
<item>
<title> My Sketch Library </ title>
<pubDate> Wed、23 Jun 2019 11:19:04 +0000 </ pubDate>
<enclosure url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle:version = "1" />
</ item>
</ channel>
</ rss>

このXMLファイルでは、以下を編集する必要があります。

  • <title> -Sketchに表示されるライブラリの名前。
  • <image> <url> -Sketchがライブラリに使用しようとするデフォルトのサムネイルURL。公開されている画像のURLを指します。
  • <item> -アイテムタグ間の情報は、新しいライブラリバージョンを作成するときに更新するものです。フィードには項目タグのみが必要です。

そのセクションタグには、更新ごとに以下を含める必要があります。

  • <pubDate>-RFC822形式のライブラリ更新の公開日。
  • <enclosure> -添付タグには、url、type、sparkle:versionの3つの属性があります。このURLは、ライブラリドキュメントのサーバーの場所を直接指す必要がありタイプは「application / octet-stream」である必要があり、最後に、sparkle:versionは最新の更新バージョン番号です。

XMLフィードとスケッチファイルの両方をhttpまたはhttpsの形式のURLで保存したことを確認してください。ただし、2つを組み合わせないでください。

最後に、Meyerweb URLエンコーダーなどのツールを使用してURLフィードXMLをエンコードし、次のように追加します。

sketch:// add-library?url =

ブラウザーに完全なURL(スケッチ://から暗号化されたURLの末尾まで)を入力して、Sketchを開き、共有ライブラリを追加します。

ライブラリアイコン

ライブラリを追加すると、[コンポーネント]パネルの上部に表示されます。ライブラリ名をクリックすると、ライブラリからシンボル、テキストスタイル、レイヤースタイルを選択して、キャンバスにドラッグできます。シンボルアイコンの代わりに、挿入メニューからライブラリシンボルにアクセスすることもできます。関連するアイコンは、それらがライブラリの一部であることを示します。

スケッチでライブラリを使用する方法は簡単です

シンボルを変更すると、シンボルにライブラリシンボルも表示されます。

ライブラリシンボルを編集する方法

ライブラリシンボルをダブルクリックして編集すると、ライブラリファイルが追加されている場所に応じて、Sketchにいくつかのオプションが表示されます。

ローカルライブラリまたはPersonal Cloudのライブラリに属する​​シンボルをダブルクリックして編集すると、次のオプションが表示されます。

  • [ライブラリで開く]を選択すると、元のライブラリドキュメントに移動し、メインバージョンのシンボルを編集できます。これにより、ライブラリとそのアイコンのバージョンのドキュメントが更新されます。
  • ライブラリからリンク解除すると、シンボルのローカルバージョンが作成され、現在のドキュメントで元のバージョンを編集できます。これは、ライブラリが最初に更新された場合、これらのアイコンの更新を受信しないことを意味します。

クラウドでチームライブラリのシンボルを編集しようとすると、次のオプションが表示されます。

  • [ライブラリで開く]は、クラウドから元のライブラリドキュメントを開きます。ここでの変更はすべてのチームメンバーが確認できるようにライブラリに更新されます。そのアイコンのバージョンを含むドキュメントには、それらの変更が反映されます。
  • ライブラリからリンク解除すると、ローカルバージョンのシンボルが作成され、現在のドキュメントの元のコピーを編集できます。つまり、元のライブラリが更新されている場合、これらのアイコンの更新を受け取ることはありません。

チームライブラリを使用している場合は、ここでメインシンボルを編集するときに注意が必要です。変更を加えて保存すると、このライブラリを使用している全員に送信されます。

編集するシンボルがサードパーティライブラリに属している場合。たとえば、Apple iOS UIキットには、[ライブラリからリンク解除]オプションしかありません

ライブラリスタイル

シンボルに加えて、ライブラリを使用してテキストおよびレイヤースタイルを共有および同期できます。コンポーネントパネルに表示され、インスペクターの外観にポップオーバーコンポーネントが表示されます。[挿入]メニューからテキストとレイヤーのスタイルにアクセスすることもできます。シンボルと同様に、ライブラリスタイルには、グループ名の横に関連付けられたアイコンがあり、ライブラリの一部であることを示します。

スケッチでライブラリを使用する方法は簡単です

ライブラリスタイルを編集する方法

ドキュメントでライブラリスタイル(レイヤースタイルまたはテキストスタイル)を使用していて、それを使用してレイヤーを編集する場合は、インスペクターの[外観]パネルにいくつかのオプションがあります。

  • 編集する前に、現在選択されているスタイルから新しいローカルスタイル作成することを選択できますこのアクションにより、ライブラリ内のそのタイプのリンクが削除され、ドキュメントに新しいローカルスタイルが作成されます。
  • または、そのデタッチスタイルを元のバージョンから選択して、ライブラリ内のリンクを削除し、新しいローカルスタイルを作成しないこともできます。
  • ライブラリスタイルを編集している場合は、[ 新しいスタイルの作成と置換]選択して、ライブラリ内のリンクのリンクを解除し、新しいローカルスタイルを作成して、それらの変更を同じスタイルのドキュメントのすべてのレイヤーに適用できます。使用。または、[ スタイルのリセット]を選択して、変更を元に戻すこともできます
  • スタイルがサードパーティライブラリの一部でない限り、[ライブラリでスタイルを編集]を選択して、そのスタイルを含むライブラリドキュメントを開くことができます

注:元のライブラリドキュメントのスタイルを編集すると、このライブラリを使用するすべてのユーザーのスタイルが更新されます。

ライブラリのプリセットを作成する方法

シンボル、テキスト、レイヤースタイルと同様に、ライブラリを使用して、ソリッド、グラデーション、または画像のプリセットを同期および共有できます。たとえば、色のライブラリプリセットを作成するには、ライブラリドキュメントを塗りつぶすポップオーバーで色を選択し、プリセットとして[ ドキュメントの色]に追加します。

スケッチでライブラリを使用する方法は簡単です

次に、そのライブラリを使用してドキュメントで作業しているときに、[塗りつぶし]ウィンドウでこれらの以前の設定の上にあるタイトルをクリックし、ライブラリ名を選択して、利用可能なライブラリプリセット全体をプレビューします。

スケッチでライブラリを使用する方法は簡単です

更新されたライブラリコンポーネント

ドキュメントで使用されているライブラリコンポーネント(シンボル、テキストスタイル、またはレイヤースタイル)が更新されると、Sketchソフトウェアウィンドウの隅に[ ライブラリの更新が利用可能]バッジが表示されます。それをクリックすると、コンポーネントの更新を含むダイアログボックスが表示されます。

スケッチでライブラリを使用する方法は簡単です

ドキュメントでコンポーネントを更新する場合は、[コンポーネント]を選択して変更を確認し、そのボックスをチェックします。コンポーネントを更新したくない場合は、チェックを外します。完了したら、[ コンポーネントの更新 ]をクリックします

シンボルの更新を停止するには、ドキュメント内のシンボルの任意のバージョンをダブルクリックし、[ ライブラリからリンク解除 ]をクリックしますこのアクションにより、そのシンボルページにローカルアイコンが作成されます。

カスタマイズされたライブラリアバターを作成する

ドキュメントのどこかにライブラリのカスタムプレビューウィンドウを作成する場合は、正方形のアートボード(1:1)を作成し、「ライブラリプレビュー」という名前を付けます。

上記は、Sketchグラフィックデザインソフトウェアでライブラリ機能を使用する方法ですこの記事がお役に立てば幸いです。

コメントを残す

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsの予期しないダウンロードエラーを修正する方法

Microsoft Teamsのダウンロードエラー「予期せぬエラー」でワークフローが滞っていませんか?専門家によるステップバイステップガイドと、クイックフィックスと高度なヒントで、すぐに問題を解決できます。再インストールは不要です!

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウト ルームが表示されないのはなぜですか?

Teams 会議でブレイクアウトルームが表示されなくて困っていませんか?Teams でブレイクアウトルームが表示されない主な原因を解説します。ステップバイステップの解決方法に従って、数分でスムーズに機能するようにしましょう。主催者にも参加者にも最適です!

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーの解決

Microsoft Teams OneDriveのファイル同期エラーにうんざりしていませんか?ステップバイステップガイドに従って、Microsoft Teams OneDriveのファイル同期エラーを素早く解決しましょう。Teamsチャンネルでのスムーズな共同作業に役立つ実証済みの修正プログラムをご用意しています。今すぐエラーのないファイル同期を実現しましょう!

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teams のハードエラーを修正する方法(2026 レジストリ修正)

Microsoft Teamsがハードエラーでクラッシュするのにうんざりしていませんか? わずか数分で解決できる、実績のある2026レジストリ修正プログラムを入手しましょう。ステップバイステップガイド、スクリーンショット、そして永続的な問題解決のためのヒントをご紹介します。最新バージョンで動作します!

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプエラーのトラブルシューティング

Microsoft Teamsチュートリアルヘルプのエラーでお困りですか?このよくある問題に対する、実証済みのステップバイステップの解決策をご覧ください。キャッシュをクリアし、Teamsを更新するなど、すぐにシームレスなコラボレーションを取り戻しましょう!

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teams エラーのトラブルシューティング: 最初に確認すべきこと

Microsoft Teamsでエラーが発生していますか?このMicrosoft Teamsのトラブルシューティングガイドでは、エラーを迅速に解決するための最初のチェックポイントをステップバイステップでご紹介します。接続、キャッシュ、アップデートに関するクイックフィックスで、スムーズなチャットを再開できます。

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Microsoft Teams アドインが Outlook に表示されないのはなぜですか?

Outlook に Microsoft Teams アドインが表示されなくて困っていませんか?主な原因と簡単なステップバイステップの修正方法をご紹介します。Teams と Outlook のシームレスな連携を簡単に復元できます。最新バージョンでご利用いただけます。

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでのMicrosoft Teamsネットワークエラーの解決方法

公共Wi-FiでMicrosoft Teamsのネットワークエラーに悩まされていませんか?VPNの調整、ポートチェック、キャッシュクリアなどの即時修正で、通話や会議をスムーズに復旧できます。ステップバイステップガイドですぐに問題を解決できます。

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teams のステータスが「離席中」のままになっているのはなぜですか?

Microsoft Teamsのステータスが「離席中」のままになって困っていませんか?アイドルタイムアウトや電源設定など、よくある原因と、すぐに「対応可能」に戻すためのステップバイステップの修正方法をご紹介します。最新のTeams機能にアップデートしました。

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teams のようこそ画面の起動ループのトラブルシューティング

Microsoft Teamsのようこそ画面の起動ループに悩まされていませんか?Microsoft Teamsのようこそ画面の起動ループを解消するための実証済みのトラブルシューティング手順をお試しください。キャッシュのクリア、アプリのリセット、再インストールが可能です。数分でシームレスなコラボレーション環境を取り戻せます!