活用事例4分で読めます

貼って即確認する — 生成画像・スクショ・PDFをすぐ見る

別アプリを開かず、コピーして貼ったその場で中身を確認するのが最速です。Claude Codeなどが生成したファイル・コード・スクショ、PSD/PDFの入稿物、競合LPまで、貼るだけでレイヤーとして開封できます。自動保存があるので、整理は後回しでかまいません。

この機能でできること

  • 生成物・スクショをコピペして即配置し中身を確認する
  • PSD/PDF/AIをドロップして全レイヤー・全ページを一気に開封
  • 競合・自社現行のLPをURLで貼って即下見する
  • 多ページPDFを全ページ並べてページ横断の表記ゆれを点検
  • 解像度上限を逆手に取り、版面を分割取り込みして原寸を保つ

生成物・スクショをコピペして即配置し中身を確認する

  1. 新規キャンバスを開く(/canvas/[id])
  2. 確認したい画像やコード出力のスクショをOSでコピーする(Win: Snipping Tool、またはファイルを Ctrl+C)
  3. キャンバス上で Ctrl+V を押すと画像レイヤーとして即配置される(tldraw標準の画像ペースト経路)
  4. 別の生成物も続けて貼り、ドラッグで横に並べて見比べる
  5. Ctrl+1 で全体を俯瞰、Ctrl+0 で100%に戻して細部を確認する

コツ:プレーンテキストの直接ペーストは文字レイヤー化されず破棄される設計です。コード本文やコピー文言を編集可能な形で置きたいときは、テキストツールから追加するか、スクショ画像として貼ってからOCR(後述)で起こしてください。500msデバウンスの自動保存と離脱ガードがあるので、閉じても消えません。

PSD/PDF/AIをドロップして全レイヤー・全ページを一気に開封

  1. PSD/PDF/AI(PDF互換保存)ファイルをキャンバスに直接ドラッグ&ドロップする
  2. PSDは各レイヤーが画像/テキストに、PDFは各ページが画像レイヤーに自動展開される
  3. 自動で zoom to fit が走り全体が見える
  4. 右のLayerPanelで一覧を確認し、目玉アイコンで個別に表示/非表示して重なりを点検する
  5. テキストレイヤーはダブルクリックで中身を読み、誤字チェックに使う

コツ:PSDの非表示レイヤーは取り込まれず、フォルダはフラット展開(グループ保持は未対応)になります。複数ファイルを同時ドロップすれば入稿物を横並びで比較できます。

競合・自社現行のLPをURLで貼って即下見する

  1. 参照したいLPのURLをコピーする
  2. キャンバスにURLをペースト or ドロップする(Standard+/管理者はフルページスクショが単一画像で自動配置、Freeは個別画像抽出にフォールバック・通算10回まで)
  3. 縦16384px超の長尺は通知が出て上端から取り込まれる
  4. 自社のスクショや画像をその左右に並べる
  5. Ctrl+1で全体を俯瞰し、配色やセクション順を視覚的に比較する

コツ:Standard+ならフルページが1枚画像になるので俯瞰しやすく、Freeでも個別画像抽出で素材だけは集められます。気になる部分は対象を選んで「PNGで保存」で切り出してメモに残せます。

多ページPDFを全ページ並べてページ横断の表記ゆれを点検

  1. 校了前の多ページPDF(A+一式やパンフ)をキャンバスにドロップする
  2. pdf.jsが各ページを画像レイヤーとして縦積み展開する
  3. Ctrl+1で全ページを俯瞰し、ページをまたいだ価格表記・成分名・キャッチの表記ゆれを目視で突き合わせる
  4. 怪しいページの細部はズーム(%表示)で拡大して読む

コツ:気づいた修正点は、後述のOCR→リーガルチェックや、textLayerでの隣置きメモにそのまま繋げられます。

解像度上限を逆手に取り、版面を分割取り込みして原寸を保つ

  1. 大きなPSD/PDFをドロップすると上限超過分は等比縮小され、gold通知が「○○px以下なら原寸」と非縮小サイズを明示する
  2. 高精細が要る成分表や微細文字は、元データ側でファーストビューだけ・成分表だけと版面を分けて書き出し直す
  3. 各パーツが上限内に収まるので原寸で取り込まれる
  4. キャンバス上で位置を合わせて並べ、実質フル解像度の版面を復元する

コツ:取り込み解像度は Free 900px / 有料 1600px。縮小通知が原寸の閾値を教えてくれるので、それを目安に版面を割るのがコツです。

よくある質問

テキストをそのままコピペしても文字レイヤーになりません。なぜですか?

プレーンテキストの直接ペーストは文字レイヤー化されず破棄される設計です。編集できる形で置きたいときはテキストツールから追加するか、スクショ画像として貼ってからVision OCRで起こしてください。

取り込みの解像度に上限はありますか?

横幅で Free 900px / 有料 1600px が上限です。超えると等比縮小され、「○○px以下なら原寸」と通知が出ます。大きな版面はパーツごとに分けて取り込むと原寸を保てます。

貼った内容は保存されますか?

自動保存(500msデバウンス)と離脱ガードがあるので、閉じても消えません。整理は後回しでかまいません。

関連する使い方

あわせて使う