記事一覧へ
AIで作った資料には、致命的な弱点が2つあります。「編集できない」、そして「PPTに変換したらレイアウトがズレる」。実はこれ、どっちもプロンプト1本で解決できます。
今日はその全手順をコピペできる状態で全部置いていきます。(保存必須です!)
なぜこれが必要なのか
そもそも、なんでAIの資料やPDFは編集できないのか。
あれ、中身が"1枚の画像"だからです。スライドの形をしているだけで、実体は写真と同じ。だから文字も図形も、つかもうとしてもびくともしない。変換ツールでPPTにしても、今度はレイアウトが崩れる。
これが、じわじわ効いてきます。参考にしたい他社資料、AIで作った叩き台、過去のPDF資料…。使い回したいのに、毎回ゼロから作り直し。地味に時間を溶かすやつです。
今回やるのは、その1枚画像を「見た目はそのまま・中身だけ編集できるPPT」に組み直すこと。
下記の上が元の画像/PDF、下がPPT変換後です。下は文字も図形も1つずつ選べる=編集できる状態になっています。
ここまでできると、世界が変わります。
どんな画像/PDFのスライドも"自分の編集素材"になる。提案資料のたたき台をわずか15分で用意できるようになります。(手を動かす時間は5分くらい)
チュートリアル:画像/PDF→パワポに変換
難しそうに感じるかもしれませんが、やることは実はこれだけ。
AI任せで、コードは1行も書きません。
準備:要るものを揃える
① 資料をAIに渡す
② 変換プロンプトを貼る
③ .pptxを生成する
④ 開いて編集できるか確認する
⑤ 数字・固有名詞を差し替える
この流れを、スクショ付きで1つずつやっていきます。
準備:要るもの
3つだけです。
変換したい資料(画像 or PDF)
ChatGPT/Claudeなど、コード実行できるAI ※私はChatGPTで行いました
PowerPoint(Google Slidesでも可)
ポイントは2番。「文章を書くAI」ではなく「コードを書いて動かせるAI」を選ぶこと。今回の変換は裏側でコードを書いて.pptxを組み立てているので、ファイルを生成して渡してくれるタイプが必要です。
Step 1:資料をAIに渡す
変換したいスライドを画像かPDFで用意して、AIに添付します。
コツ:1スライド=1枚が一番きれいに出ます。複数ページのPDFは、まず1枚ずつ試すのが確実です。
Step 2:変換プロンプトを貼る
ここが本番。下のプロンプトをまるごとコピペして、<input>の位置に資料を入れて送信します。
長く見えますが、いじる場所はほぼありません。資料を入れて、色を変えたいときだけColor Paletteを触る。それだけです。
# Input
<input>
(変換したいスライドの画像 または PDF を添付)
</input>
# Role
あなたは、画像/PDFのスライドを「見た目はほぼ同じ・中身は完全に編集可能」な .pptx に組み直すプロです。python-pptx でゼロから再構築してください。
# Task
Step 1. 原画を観察し、実在する要素だけを列挙する(テンプレ的な要素を勝手に足さない)。
Step 2. 各要素の位置・色・フォントサイズを実測し、原画ピクセル → スライドpt に等比正規化する。
Step 3. テキストは一字一句コピーする(全角/半角・括弧の種類・句点位置・記号まで一致させる)。
Step 4. テキストはネイティブTextBox、装飾はすべてネイティブShapeで組む。
Step 5. 出力後にレンダリングして原画と並べ、見る人にバレるレベルのズレだけ直す(最大3周)。
# Output Format
- キャンバスは16:9(13.333 × 7.5 inch)。原画の縦横比が違う場合のみ原画の比率を優先する。
- 納品物は編集可能な .pptx を1ファイル。
# Design Specifications
- 全テキストが選択・編集できること(文字の画像化・アウトライン化・SmartArt化は禁止)。
- 全シェイプが1つずつ選択・移動・リサイズできること。
- SVGの埋め込み禁止。スライド全面へのラスタ画像(背景含む)貼付も禁止。
- 【最重要】点線・破線の枠は「塗りなしシェイプ + 破線アウトライン」で表現する。
破線は prstDash を dash / sysDash / sysDot から指定し、線幅は1〜2pt。
※点や短い線を多数並べて破線を"自作"するのは禁止(等間隔の崩れ・角の潰れの原因になる)。
- 日本語フォントは ea(eastAsia)と latin の両方に同じフェイスを指定する
(片方だけだと日本語と英数字の境目に半角スペースが入って見える)。
- テキストボックスは右マージンを30〜100pt広めに取り、word_wrap=false にする(末尾の句点切れ防止)。
# Color Palette
- 配色は原画からHEXで抽出して再現する(近似で済ませない)。
- 色を上書きしたい場合のみ、ここに「# RRGGBB」形式で指定する。
# Rules
- 原画にない要素を足さない/原画にある要素を落とさない。
- Boldは保守的に当てる(24pt以上の見出し・英語ラベル・アクセント色の小ラベルのみ)。本文中の単語を勝手に太字にしない。
- 破線のチェックは必ずPowerPoint実体で確認する。レンダリングしたPNG画像だけを見て「破線が崩れた」と判定しない(PNG変換側の描画差で崩れて見えることがあるため)。
- 完成基準は「原画と並べて、見る人にバレる破綻がないこと」。ピクセル単位の追い込みはしない。
このプロンプト、効いてるのはこの3つ
① 文字を画像化させない
だから後から1文字ずつ打ち替えられる。変換が失敗する一番の原因がこれなので、最優先で禁止しています。
② 点線/破線の枠を「破線アウトライン」で描かせる
ここが今回の一番の肝。AIは点線を「小さい点を等間隔で並べる」やり方で再現しようとして、間隔がガタついたり角が潰れたりします。そうではなく、塗りなしの図形に破線の線を1本引く(prstDashで指定する)方式にすると、崩れません。
③ AIが"自分で見て直す"
出力したら一度レンダリングして原画と並べ、ズレている所をAI自身が見つけて直す。このサイクルを数周回すので、一発出力で終わらせず"答え合わせ"しながら仕上がります。だから「変換したらズレてた」が起きにくい。
もっと深い話(検証のやり方・ズレの抑え方)は、後半の「もっと精度を上げたい人へ」にまとめています。
Step 3:.pptxが生成される
AIが裏でコードを組んで、編集可能なpptxを書き出します。出てきたファイルをダウンロード。
ちなみにPPT生成時間は5分でした。
Step 4:開いて"編集できる"を確認する
PowerPointで開いたら、Ctrl+A(Macは⌘+A)で全選択してみてください。文字も図形も1つずつ選択枠が付けば成功です。
「画像じゃなく、触れる部品の集合」になってます ↓↓
Step 5:数字・固有名詞を差し替える
あとは普通のPowerPoint作業。社名や数字を自分のものに打ち替えて完成です。複雑な資料だと多少のズレが出るので一部軽微はて修正を。
もっと精度あげたい人へ(つまずき対処・仕上げ・補助)
うまくいかない時の対処と、もうひと詰めしたい人向け。直すのは1か所ずつ。
つまずき → 対処
・文字が編集できない/画像になってる → 「文字の画像化は禁止、全テキスト編集可に」を追記して再生成
・日本語と英数字の間に変な隙間 → 「フォントはeastAsiaとlatin両方に同じ指定」と一言
・破線の枠がガタつく/角が潰れる → 「prstDashで指定、点並べ禁止」。※PNGだけ崩れて見える時あり、最終判定はPowerPointで
・要素がズレる/句点が切れる → 「座標を原画比率で正規化」「右マージン広め」で再生成
仕上げのコツ
・再プロンプト実行は1〜2周で打ち切り(それ以降は誤差の追いかけ)。
・Boldは見出し・英語ラベル・アクセント色だけに当てる(本文の単語を勝手に太字にしない)。
ちょい足し:補助プロンプト
本体が成功してから。配色を揃える・比率を変える、の2つ。
(A) 配色を統一する
# 追加指示(配色の上書き)
配色を以下に統一。白・グレー・黒はそのまま。
- メイン(見出し・帯・図番号):# 1976D2
- アクセント(強調・結論):# D84315
- HEXそのまま適用、近似色に丸めない
(B) 比率を変える(4:3 ⇔ 16:9)
# 追加指示(比率変換)
キャンバスを16:9(13.333 × 7.5 inch)に。
要素は左右中央に再配置し、引き伸ばさず余白で調整。
さいごに
お読みいただきありがとうございました。
これからも
AI×資料
資料作成のコツ
AI×ビジネス活用(自動メール返信、見積自動作成、Salesforce自動入力)
Claude/ChatGPT/Copilot など
を軸に発信していきます。
どうぞよろしくお願いします。

プロンプト資料作成PowerPointChatGPTclaude-workflow
AIで作ったスライド(画像/PDF)をズレなく編集可能なパワポに変換する全手順【保存版】
♥ 1,452↻ 132
原文を表示 / Show original
AIで作った資料には、致命的な弱点が2つあります。「編集できない」、そして「PPTに変換したらレイアウトがズレる」。実はこれ、どっちもプロンプト1本で解決できます。
今日はその全手順をコピペできる状態で全部置いていきます。(保存必須です!)
なぜこれが必要なのか
そもそも、なんでAIの資料やPDFは編集できないのか。
あれ、中身が"1枚の画像"だからです。スライドの形をしているだけで、実体は写真と同じ。だから文字も図形も、つかもうとしてもびくともしない。変換ツールでPPTにしても、今度はレイアウトが崩れる。
これが、じわじわ効いてきます。参考にしたい他社資料、AIで作った叩き台、過去のPDF資料…。使い回したいのに、毎回ゼロから作り直し。地味に時間を溶かすやつです。
今回やるのは、その1枚画像を「見た目はそのまま・中身だけ編集できるPPT」に組み直すこと。
下記の上が元の画像/PDF、下がPPT変換後です。下は文字も図形も1つずつ選べる=編集できる状態になっています。
ここまでできると、世界が変わります。
どんな画像/PDFのスライドも"自分の編集素材"になる。提案資料のたたき台をわずか15分で用意できるようになります。(手を動かす時間は5分くらい)
チュートリアル:画像/PDF→パワポに変換
難しそうに感じるかもしれませんが、やることは実はこれだけ。
AI任せで、コードは1行も書きません。
準備:要るものを揃える
① 資料をAIに渡す
② 変換プロンプトを貼る
③ .pptxを生成する
④ 開いて編集できるか確認する
⑤ 数字・固有名詞を差し替える
この流れを、スクショ付きで1つずつやっていきます。
準備:要るもの
3つだけです。
変換したい資料(画像 or PDF)
ChatGPT/Claudeなど、コード実行できるAI ※私はChatGPTで行いました
PowerPoint(Google Slidesでも可)
ポイントは2番。「文章を書くAI」ではなく「コードを書いて動かせるAI」を選ぶこと。今回の変換は裏側でコードを書いて.pptxを組み立てているので、ファイルを生成して渡してくれるタイプが必要です。
Step 1:資料をAIに渡す
変換したいスライドを画像かPDFで用意して、AIに添付します。
コツ:1スライド=1枚が一番きれいに出ます。複数ページのPDFは、まず1枚ずつ試すのが確実です。
Step 2:変換プロンプトを貼る
ここが本番。下のプロンプトをまるごとコピペして、<input>の位置に資料を入れて送信します。
長く見えますが、いじる場所はほぼありません。資料を入れて、色を変えたいときだけColor Paletteを触る。それだけです。
# Input
<input>
(変換したいスライドの画像 または PDF を添付)
</input>
# Role
あなたは、画像/PDFのスライドを「見た目はほぼ同じ・中身は完全に編集可能」な .pptx に組み直すプロです。python-pptx でゼロから再構築してください。
# Task
Step 1. 原画を観察し、実在する要素だけを列挙する(テンプレ的な要素を勝手に足さない)。
Step 2. 各要素の位置・色・フォントサイズを実測し、原画ピクセル → スライドpt に等比正規化する。
Step 3. テキストは一字一句コピーする(全角/半角・括弧の種類・句点位置・記号まで一致させる)。
Step 4. テキストはネイティブTextBox、装飾はすべてネイティブShapeで組む。
Step 5. 出力後にレンダリングして原画と並べ、見る人にバレるレベルのズレだけ直す(最大3周)。
# Output Format
- キャンバスは16:9(13.333 × 7.5 inch)。原画の縦横比が違う場合のみ原画の比率を優先する。
- 納品物は編集可能な .pptx を1ファイル。
# Design Specifications
- 全テキストが選択・編集できること(文字の画像化・アウトライン化・SmartArt化は禁止)。
- 全シェイプが1つずつ選択・移動・リサイズできること。
- SVGの埋め込み禁止。スライド全面へのラスタ画像(背景含む)貼付も禁止。
- 【最重要】点線・破線の枠は「塗りなしシェイプ + 破線アウトライン」で表現する。
破線は prstDash を dash / sysDash / sysDot から指定し、線幅は1〜2pt。
※点や短い線を多数並べて破線を"自作"するのは禁止(等間隔の崩れ・角の潰れの原因になる)。
- 日本語フォントは ea(eastAsia)と latin の両方に同じフェイスを指定する
(片方だけだと日本語と英数字の境目に半角スペースが入って見える)。
- テキストボックスは右マージンを30〜100pt広めに取り、word_wrap=false にする(末尾の句点切れ防止)。
# Color Palette
- 配色は原画からHEXで抽出して再現する(近似で済ませない)。
- 色を上書きしたい場合のみ、ここに「# RRGGBB」形式で指定する。
# Rules
- 原画にない要素を足さない/原画にある要素を落とさない。
- Boldは保守的に当てる(24pt以上の見出し・英語ラベル・アクセント色の小ラベルのみ)。本文中の単語を勝手に太字にしない。
- 破線のチェックは必ずPowerPoint実体で確認する。レンダリングしたPNG画像だけを見て「破線が崩れた」と判定しない(PNG変換側の描画差で崩れて見えることがあるため)。
- 完成基準は「原画と並べて、見る人にバレる破綻がないこと」。ピクセル単位の追い込みはしない。
このプロンプト、効いてるのはこの3つ
① 文字を画像化させない
だから後から1文字ずつ打ち替えられる。変換が失敗する一番の原因がこれなので、最優先で禁止しています。
② 点線/破線の枠を「破線アウトライン」で描かせる
ここが今回の一番の肝。AIは点線を「小さい点を等間隔で並べる」やり方で再現しようとして、間隔がガタついたり角が潰れたりします。そうではなく、塗りなしの図形に破線の線を1本引く(prstDashで指定する)方式にすると、崩れません。
③ AIが"自分で見て直す"
出力したら一度レンダリングして原画と並べ、ズレている所をAI自身が見つけて直す。このサイクルを数周回すので、一発出力で終わらせず"答え合わせ"しながら仕上がります。だから「変換したらズレてた」が起きにくい。
もっと深い話(検証のやり方・ズレの抑え方)は、後半の「もっと精度を上げたい人へ」にまとめています。
Step 3:.pptxが生成される
AIが裏でコードを組んで、編集可能なpptxを書き出します。出てきたファイルをダウンロード。
ちなみにPPT生成時間は5分でした。
Step 4:開いて"編集できる"を確認する
PowerPointで開いたら、Ctrl+A(Macは⌘+A)で全選択してみてください。文字も図形も1つずつ選択枠が付けば成功です。
「画像じゃなく、触れる部品の集合」になってます ↓↓
Step 5:数字・固有名詞を差し替える
あとは普通のPowerPoint作業。社名や数字を自分のものに打ち替えて完成です。複雑な資料だと多少のズレが出るので一部軽微はて修正を。
もっと精度あげたい人へ(つまずき対処・仕上げ・補助)
うまくいかない時の対処と、もうひと詰めしたい人向け。直すのは1か所ずつ。
つまずき → 対処
・文字が編集できない/画像になってる → 「文字の画像化は禁止、全テキスト編集可に」を追記して再生成
・日本語と英数字の間に変な隙間 → 「フォントはeastAsiaとlatin両方に同じ指定」と一言
・破線の枠がガタつく/角が潰れる → 「prstDashで指定、点並べ禁止」。※PNGだけ崩れて見える時あり、最終判定はPowerPointで
・要素がズレる/句点が切れる → 「座標を原画比率で正規化」「右マージン広め」で再生成
仕上げのコツ
・再プロンプト実行は1〜2周で打ち切り(それ以降は誤差の追いかけ)。
・Boldは見出し・英語ラベル・アクセント色だけに当てる(本文の単語を勝手に太字にしない)。
ちょい足し:補助プロンプト
本体が成功してから。配色を揃える・比率を変える、の2つ。
(A) 配色を統一する
# 追加指示(配色の上書き)
配色を以下に統一。白・グレー・黒はそのまま。
- メイン(見出し・帯・図番号):# 1976D2
- アクセント(強調・結論):# D84315
- HEXそのまま適用、近似色に丸めない
(B) 比率を変える(4:3 ⇔ 16:9)
# 追加指示(比率変換)
キャンバスを16:9(13.333 × 7.5 inch)に。
要素は左右中央に再配置し、引き伸ばさず余白で調整。
さいごに
お読みいただきありがとうございました。
これからも
AI×資料
資料作成のコツ
AI×ビジネス活用(自動メール返信、見積自動作成、Salesforce自動入力)
Claude/ChatGPT/Copilot など
を軸に発信していきます。
どうぞよろしくお願いします。