AIFCC
記事一覧へ
プロンプト資料作成PowerPointChatGPTclaude-workflow

AIで作ったスライド(画像/PDF)をズレなく編集可能なパワポに変換する全手順【保存版】

うちた@uchita_success
1,452132
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 など を軸に発信していきます。 どうぞよろしくお願いします。
原文を表示 / 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 など を軸に発信していきます。 どうぞよろしくお願いします。

AIFCC — AI Fluent CxO Club

読み書きそろばん、AI。経営者が AI を自分で動かせるようになるコミュニティ。

AIで作ったスライド(画像/PDF)をズレなく編集可能なパワポに変換する全手順【保存版】 | AIFCC