カスタムテンプレート

カスタムテンプレートを使うと、独自の記法パック — 特定の用途に合わせたカスタムシェイプとコネクタ矢印のコレクション — を構築できます。作成したパックは、組み込みの記法パックと並んでテンプレートピッカーの カスタム の下に表示されるため、チームが一貫した共通のビジュアル言語で作業できます。

テンプレートに含まれるもの

カスタムテンプレートは、次を保持できるパックです:

  • カスタムシェイプ — SVGから作成されるため、どのサイズでもくっきりレンダリングされ、独自のジオメトリ、アイコン、視覚表現を持てます
  • カスタム矢印 — SVGから作成される、記法に合わせたコネクタ端点(カスタムヘッド、テール、マーカー)
  • 再利用可能なエレメント — キャンバスから保存された、テキストスロット付きの構成(再利用可能なエレメントを参照)

カスタムテンプレートの管理

表示 → カスタムテンプレートの管理… からマネージャを開きます。

カスタムテンプレート ウィンドウでは次のことができます:

  • テンプレートを作成 — 新しいパックを開始して名前を付ける
  • パックの 名前を変更 、または削除する
  • シェイプSVGをインポート... と 矢印SVGをインポート... — SVGファイルからシェイプと矢印を追加
  • パックの エレメント(テキストスロット付きの再利用可能なエレメント)を確認し、不要になったものを削除する
  • デフォルトスタイル を選ぶ — このテンプレートから作成した新しいドキュメントで有効になるオートスタイル
  • エクスポート... — パックをデータベースファイルとして保存する(バックアップなどに)

シェイプと矢印はウィンドウ内で編集できません。変更するには、削除して更新したSVGをインポートし直してください。

カスタムテンプレートの使用

パックが存在すれば、そのシェイプと矢印は記法を選ぶあらゆる場所で利用できます:

  • テンプレート・記法ピッカーで カスタム セクションに切り替えてパックを見つける
  • 他の記法シンボルと同じように、キャンバス上にカスタムシェイプを配置する
  • コネクタのスタイルコントロールから、コネクタの端にカスタム矢印を割り当てる

シェイプと矢印の作成

カスタムシェイプと矢印はSVGから構築されます。いくつかの規則に従うと適切に動作します:

  • シェイプ はコンターパスを含められるため、コネクタがシェイプの輪郭にきれいに接続します
  • 矢印 はアンカーポイント(線がヘッドと接する場所)と先端の向きを定義するため、どのコネクタ上でも正しい方向を向きます

ヒント: パックを作成する最も速い方法は、MCP経由のAIアシスタントです — 下記を参照。

参考画像からテンプレートを作成する(MCP)

MCPサーバー経由でAIアシスタントを接続すれば、参考画像を渡してグラフィックを再現するよう依頼できます。アシスタントはSVGシェイプと矢印を生成し、それらを一致するカスタムテンプレートに組み立て、さらに一致するカスタムスタイルも作成します。関連するMCPツールには create_custom_template、add_custom_shape、add_custom_arrowhead、export_custom_template などがあります。

これは、ブランドのアイコン群を再現したり、既存のダイアグラムセットの見た目に合わせたりするのに最適です。

パックの共有

カスタムテンプレート ウィンドウの エクスポート... を使って、パックをファイルとして保存します。カスタムテンプレートウィンドウには、パック全体をインポートするコマンドはありません。別のMacでパックを再現するには、そのSVGシェイプと矢印を新しいテンプレートにインポートしてください — あるいは、AIアシスタントにMCP経由で構築させることもできます。

ヒント

  1. SVGをクリーンに保つ — シンプルで整ったSVGが最も速くレンダリングされ、最も確実に色を変更できます
  2. ドメインごとにグループ化する — 記法ごとに1つのパック(例:「クラウドインフラ」「間取り図」)にすると、1つの巨大なパックより見つけやすくなります
  3. カスタムスタイルと組み合わせる — 一致するカスタムスタイルで見た目を仕上げる
  4. 元のSVGを保管する — 元のSVGファイルを保存しておけば、いつでもパックを再構築したり更新したりできます

関連トピック