04 / 214分で読めます
無限キャンバス
キャンバスは Sumi Studio のメインステージです。無限にパンやズームができるホワイトボードで、その上にノードを置き、ノード同士の接続線がデータの流れを表します。この章では、キャンバスの画面構成と、移動・ズーム・パンの方法を説明します。
キャンバスの画面構成
キャンバス(/canvas/キャンバスID)を開くと、画面はおおよそ次の部分に分かれます。
- 上部バー:左側にはキャンバスのタイトル(ダブルクリックで名前の変更、シングルクリックで「ホームに戻る」「プロジェクトの素材」「共有」「公開」「バージョン履歴」「新規キャンバス」「キャンバスを削除」のメニュー)、保存状態(「保存済み」「保存中」「未保存」など)、所属するプロジェクトがあります。右側には「アセット」(アセットライブラリを開く)、「共有」(メニューに「コミュニティに公開」と「リンクで共有」、チームキャンバスではさらに「コラボに招待」)、外観の切り替え、クレジット残高、アバターが並びます。チームキャンバスでは上部中央に「N 人オンライン」のバッジも表示されます。
- キャンバス本体:無限にパン・ズームできるホワイトボードで、ノードを置き、接続線でデータの流れを表します。
- 左側の縦ツールバー:上から「追加」「要素」「素材」「テンプレート」(公式テンプレート + 保存したワークフロー)「付箋」「コメント」、その下に「ショートカット」(早見表を開く)と「ヘルプ」があります。幅の狭い画面では、これらは「その他」メニューにまとめられます。

クイックスタートカード
新しい空のキャンバスの中央には「キャンバスをダブルクリック / ノードを自由に生成」というヒントと、三枚のクイックスタートカード「キャラクター三面図」「画像から動画」「音声から動画」が表示されます。どれかをクリックすると、用意されたサンプルのノードと接続線が一度に挿入され、学習やスタートのひな形として使えます。
移動、ズーム、パン
- 範囲選択 / ハンド:V で範囲選択モード(ドラッグで囲んでノードをまとめて選択)、H でハンドモード(キャンバス自体をドラッグ)に切り替えます。P でペン注釈になります。
- ズーム:トラックパッドでピンチするか、⌘/Ctrl を押しながらスクロールします。⌘/Ctrl + = で拡大、⌘/Ctrl + - で縮小もできます。
- 全体表示:⌘/Ctrl + 0 または ⇧1 で、すべての内容が見えるようにキャンバスを自動でズームして中央に表示します。
- パン:スペースキーを押しながらドラッグするか、マウスの中ボタンまたは右ボタンでドラッグします。
バージョン履歴
キャンバスのタイトルをクリックして「バージョン履歴」を選ぶと、このキャンバスの以前に保存されたバージョンをプレビューし、必要に応じてそのいずれかに復元できます。
V で範囲選択 / H でハンド、⌘/Ctrl+0 で全体表示 · 空のキャンバスのクイックスタートカードがいちばん早い入り口 · 上部バーの「共有」からコミュニティへの公開も閲覧専用リンクの作成もできる
· Sumi Studio チームが管理 · いまの製品機能に合わせてあります。キャンバスの操作と一致します