目次

Cursorの Design Mode に Annotate が追加され、動作中アプリのフロント／UI改善向けです。@cursor_aiのX投稿（2115159585548021814；created_at 2026-10-27T19:11:57Z（2026-10-28 03:11 Asia/Shanghai））は、Annotateが新しく入り、要素編集やページ上の描画など視覚プロンプトを渡せる、と述べた。ドキュメントはDesign Modeを Agents Window内のブラウザ に置く。関連記事：Cursorのクラウドエージェントが共有可能なキャンバスを作成可能に、Environments APIもベータ公開。

Annotateの開き方

ブラウザツールバーの Annotate、またはフォーカス時に Cmd+Shift+D（コマンドパレット Toggle Design Mode）で開く。Annotateは Cursor 3.24.18+ が必要で、それ以前はペンアイコンのDesign Mode表示。

エージェントへの指示

要素をクリックするとnoteが開く（クリック前に ↑／↓ で親／子をハイライト）。Shift+クリックで複数要素を同一noteへ。ドラッグで領域指定——Shiftで一軸固定、Option／Altで中心から描画；markupは Draw／Ellipse／Rectangle／Arrow、Cmd+Zで取り消し。テキストをダブルクリックするとその場編集（Return保存、Esc戻す）；テキスト編集は常にSend待ち。単一要素noteでは Edit CSS properties。文言またはCSS変更後は Dictate 可。関連記事：Cursor Agent SDK公開：フォルダ定義、Eval、デプロイ。

エージェントが見るもの

各noteは文言に加え 要素詳細—tag／id／classes／attributes、CSS風セレクタパス、可視テキスト先頭200文字、サイズと位置；computed styles6項目（color、background color、font size、font family、display、position）；React／Vue／Svelteではcomponent name＋stack—と、要素またはmarkup付き領域の 切り抜きスクショ を送る。

Batch edits

Batch edits は初期 オフ：要素／領域noteでReturnするとすぐ送る（Send note）。オンにすると番号付き pin が溜まり、件数付き Send で一括送信。保留をすべて送るとDesign Modeも終了。テキスト編集はスイッチに関わらずSend待ち。

Canvasタブ（旧Design Mode）

Canvas タブは旧ペン型Design Modeのまま：notesはchat直送、Batch editsは適用されず、その場文言編集もない——Agents WindowのAnnotateとは異なる流れ。関連記事：Cursor Remote Control、iPhoneから手元のPCで動くエージェントを確認・返信できるように。

ドキュメントはこの流れに Composer 2.5 を推奨（必須ではない）。内容はCursorのドキュメントと公式X投稿に基づき、当サイトではAnnotateを実行していません。製品詳細は変わり得るため、最新はCursorドキュメントを参照。参考情報。