カスタムテンプレート

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

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

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

  • カスタムシェイプ — SVG から作成されるため、任意のサイズでくっきりレンダリングされ、独自のジオメトリ、アイコン、視覚的な処理を持てます
  • カスタム矢印頭 — SVG から作成される、記法に合ったコネクタエンドポイント(カスタムヘッド、テール、マーカー)

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

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

カスタムテンプレートウィンドウから以下ができます:

  • 新しいテンプレートパックを作成
  • シェイプと矢印頭を追加、編集、削除
  • パックの名前変更
  • パックをファイルにエクスポートしてバックアップまたは共有
  • 同僚が共有したパックをインポート

カスタムテンプレートウィンドウ

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

パックが存在すれば、そのシェイプと矢印頭は記法を選択するどこでも利用できます:

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

シェイプと矢印頭の作成

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

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

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

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

MCP サーバーを通じて AI アシスタントを接続すると、参考画像を渡してグラフィックを再現するよう依頼できます。アシスタントが SVG シェイプと矢印頭を生成して一致するカスタムテンプレートに組み立て、さらに一致するカスタムスタイルも定義します。関連する MCP ツールには create_custom_templateadd_custom_shapeadd_custom_arrowheadexport_custom_template が含まれます。

ブランドのアイコングラフィーを再現したり、既存のダイアグラムセットの外観に合わせたりするのに最適です。

パックの共有

カスタムテンプレートはポータブルです:

  1. カスタムテンプレートウィンドウで、パックをファイルにエクスポート
  2. ファイルを同僚に送信
  3. 同僚がインポートすると、パックがその人のカスタムにも表示されます

ヒント

  1. SVG をクリーンに保つ — シンプルで整った SVG が最も速くレンダリングされ、最も確実に色変更できます
  2. ドメイン別にグループ化 — 記法ごとに1つのパック(例:「クラウドインフラ」、「フロアプラン」)の方が1つの巨大なパックより探しやすい
  3. カスタムスタイルと組み合わせる — 一致するカスタムスタイルで外観を完成させる
  4. エクスポートをバージョン管理 — エクスポートしたパックファイルをバージョン管理に保管してチーム全体を同期させる

関連トピック