活用事例3分で読めます
書き出して引き継ぐ — PNG・HTML・Word
キャンバスで固めたコピー・参照画像・構成を、PNG（見た目）・HTML（自己完結プレビュー）・Word制作指示書（編集可能なテキスト＋画像URL）として書き出し、外注ライター/デザイナーへの発注書や引き継ぎ書にします。PNGは選択範囲だけを切り出せるので入稿素材の量産にも使えます。
この機能でできること
- ✓完成キャンバスをWord制作指示書として発注書に書き出す
- ✓PNGの「選択範囲だけ切り出す」特性で1枠ずつ入稿用に量産
- ✓PNG＋HTML＋Wordの3点セットで外注先に渡す
- ✓競合A+から個別画像を抽出してベンチ表を組み、分析メモを書き出す
完成キャンバスをWord制作指示書として発注書に書き出す
- textLayer（コピー・指示メモ）と画像レイヤー（参照素材）を媒体ごとの列＝X位置で並べ、上から読む順に整える
- 「書き出す」→「Word」を選ぶと、本文が段落に、画像が『画像N:』としてリンクURL付きで一覧化されたdocxが生成される（Standard+、buildLayerBrief）
- 必要なら「HTML」で自己完結HTMLを出し、社内確認やアーカイブ用プレビューにする
- 「PNG」で見た目のラフも書き出し、発注メールに添付する
コツ：テキストは編集可能なdocx、画像はリンクURLで渡るので、相手がコピペで作業に入れます。リーガルチェック結果も別途PNG/Word/PDFで添付できます。
PNGの「選択範囲だけ切り出す」特性で1枠ずつ入稿用に量産
- 書き出したいサイズ枠の中身（画像＋テキスト＋装飾図形）をまとめて範囲選択する
- 「書き出す」→「PNGで保存」を実行する（選択分だけが背景付き・余白24px・1.5倍解像度で出力される）
- 次のサイズ枠を選択し直して同様に書き出す（ファイル名は{キャンバス名}_{日付}.png）
- 面ごとに切り出したいときは必ず先に範囲選択する（何も選ばないと全シェイプが1枚に出る）
コツ：縦長LPから見せたい1セクションだけ、SNSカルーセルの1スライドだけ、と部分共有用素材を画像編集ソフトなしで作れます。
PNG＋HTML＋Wordの3点セットで外注先に渡す
- 渡したい範囲のレイヤー/セクションを選択する（未選択なら全シェイプ対象）
- ExportMenuから「PNGで書き出す」で見た目のラフを出す（forceFullRenderでLOD無効化）
- 「HTML ZIPで書き出す」で、レイヤーを縦積みした自己完結HTMLを出す
- 「Word」で制作指示書（テキスト本文＋画像URL）を出す（Standard+）
コツ：PNGで見た目、HTML/Wordで中身（文字は検索・コピー可能）、と用途で使い分けられます。Figma再現はしませんが『構成の源流』を確実に下流へ渡せます。
競合A+から個別画像を抽出してベンチ表を組み、分析メモを書き出す
- 「URLから取り込み」→「個別画像を抽出」に競合商品ページのURLを入れて実行する（Free対応・通算10回まで）
- 使う画像だけ残し、不要な画像レイヤーは非表示または削除する
- 各競合の代表画像を並べ、自社案を隣に置いて図形・テキストで注記する
- 気づきをWord（制作指示書）で書き出す（抽出画像はURL参照でリンクとして残る）
コツ：競合のA+構成（成分訴求/使い方/比較表の有無）を画像単位で抜き出すと差分が見えます。Freeでも個別画像抽出で競合素材を取り込めます。
よくある質問
どんな形式で書き出せますか？
PNG（選択範囲のみ・余白24px・1.5倍）で書き出せます。用途によりHTMLやWordの制作指示書出力もあります（Word出力はStandard以上）。
外注に渡す指示書は作れますか？
Word制作指示書で、構成・画像URL・各セクションの意図メモをまとめて引き継げます（Standard以上）。