🌿 点击蓝字 关注我们
我是川姐,一起学习AI、轻松赋能自己
今天分享的一个彻底刷新我对 AI 做 PPT 认知的实操方法。
做 PPT 这件事,我一直挺自信的:部门里重要的汇报 PPT,基本都是我来负责。
以前每次接到做PPT的活,都要熬上两三天,没日没夜反复改,才能拿出一份自己还算满意的成品。

后来有了 AI 做 PPT,我本来特别期待,可结果总是不尽人意:
❌ 模板千篇一律,五个人做出来五份“同款”
❌ 毫无高级感,重要场合根本拿不出手
❌ 内容空洞,不过是把Word里的文字“搬”到了PPT上
其实核心问题就是:传统AI做PPT,它的本质是“往模板里填字”,而不是真正意义上的“设计”。
直到有一天,我意外发现了另一种全新可能——换个思路:
用DeepSeek生成HTML,再变成PPT
这就是今天这篇文章要讲的核心玩法。
核心工具组合:DeepSeek + HTML + 浏览器
备注:也可以用其他AI工具配合,但这是我实测后比较满意的高效组合。
它的核心优势:不是让AI替你“做”PPT,而是让AI生成一份可交互的HTML网页,用浏览器全屏演示,效果远远超过传统PPT。
整个流程非常简单,只有四步:
告诉DeepSeek你的主题和设计需求 → DeepSeek输出完整HTML代码 → 保存为 .html 文件,浏览器打开 → 全屏演示,或导出PDF再转PPT
在我自己测试过以后,是真的被惊艳到了,迫不及待想马上分享给你们(后面会一步一步教大家做)。
简单说哦,就是用 HTML 代码写一个网页版 PPT,直接在浏览器里演示,也可以转成咱们常用的 PPT 格式。
(看不懂HTML这些英文字母没关系,不要管,只管按实操步骤做就行,做完一个PPT你就知道这些都是啥了)
它的优点真的很明显:
✅ 设计超自由~HTML+CSS 想怎么做就怎么做
✅ 交互性超强,能嵌入视频、动态图表、甚至是小游戏
✅ 文件也是小小的,通常也就几百 KB
✅ 兼容性强,只要有浏览器就能打开,不像以往都是要拷贝到电脑上
当然也有一点点小缺点啦:
⚠️ 需要一点点学习成本,不过别被吓到,完全不用写代码,只要会提需求就行
⚠️ 转换步骤会多一点点,也就是从 HTML 转到 PPT 要多一步
⚠️ 转成传统 PPT 后,动态效果会丢失哦,但其实我们可以线上直接用浏览器直接演示
📋 案例说明:为了让大家真正掌握,我用一个完整的真实案例来演示每一步。你可以跟着一起做,做完就能得到一份专业级销售总结PPT。
公司:湖北绿源农产品有限公司(虚构)
主营:小龙虾、莲藕、香菇、生态大米
场景:2025 年年终销售总结汇报
目标:给董事会看业绩、分析问题、提改进方案
解决目标:告别模板,先让AI帮我们搭好PPT的结构和数据框架。
1.1 准备好基础信息
在给DeepSeek提需求之前,先整理好相关信息(这一步很关键,AI可不会读心术):
| 信息类别 | 具体内容 |
|---|---|
| 公司名称 | |
| 汇报主题 | |
| 主营产品 | |
| 汇报对象 | |
| 核心数据 | |
| 风格要求 | |
| 主色调 |
1.2 给DeepSeek的完整提示词
✅ 川姐提醒:用DeepSeek的【快速模式】就行,也可以直接用【专家模式】
万能提示词模板
请帮我生成一份关于[主题]的 HTML PPT,使用 reveal.js。内容如下:[粘贴要点或详情]设计要求:1. 整体风格:【科技风/商务风/简约风/创意风】2. 主色调:【#颜色代码或颜色名称】3. 页面结构:封面页+目录页+内容页+结尾页4. 特殊效果:页面滚动时要有渐显动画、重要数据用动态数字展示、配图要有悬浮放大效果5. 响应式设计:适配电脑和手机浏览请输出完整的HTML代码,包括CSS和JavaScript,确保可以直接保存为.html文件并在浏览器中打开。
💡 重点:第一次提示词可以详细一点,把背景、数据、风格都说清楚(如果你实在是不知道怎么写提示词,直接把需求告诉DeepSeek,让它帮你写提示词)
实操提示词示例:
请帮我生成“湖北绿源农产品有限公司2025年年终销售总结”PPT的内容框架和HTML代码,要求:【公司背景】湖北绿源农产品有限公司,主营:小龙虾、莲藕、香菇、生态大米,汇报人:销售总监张明,汇报日期:2026年1月【PPT结构要求】1. 封面页:标题+副标题“稳健增长·品质引领·绿色未来”+汇报人、日期2. 目录页:2025年销售业绩总览/各产品线营收分析/销售问题与挑战/2026年销售计划3. 销售收入页:总营收3280万元同比+18.5%,各产品占比,月度趋势柱状图4. 销售问题分析页:渠道集中度高/季节性波动大/新客户获取不足5. 改进方案页:拓展线上渠道/开发反季节产品/加强品牌营销6. 结尾页:感谢语【设计风格】商务简约风,深绿(#1B5E20)+金色(#F9A825),思源黑体【技术要求】完整HTML代码含ECharts图表、渐显动画、响应式设计
1.3 DeepSeek的回复
✅ 川姐提醒:拿到内容框架后,一定要核对数据!AI生成的数据可能和你实际的不一样。如果有差异,直接告诉DeepSeek修改,比如:“请把总营收改为3500万元,同比增长改为+22%”。
1.4 保存HTML文件
DeepSeek输出完整HTML代码后,右上角有三个按钮:

最简单的方式是点击【运行】按钮,点击后在屏幕右侧直接出现生成的html效果
保存方式有两种:
第一种:直接点击右上角的“下载”按钮,下载完成后打开文件,就能在浏览器看到文件了
第二种:复制全部代码 → 新建文本文档粘贴 → 把文件后缀改成 .html → 双击用浏览器打开
下面是第一版效果图
到这一步其实已经很好了,但是我们还可以继续优化,让它更高级。
解决目标:第一步生成的是“能看”的版本,这一步要让它变成“高级”的版本。
关键原则:
不是让AI一次做完美,而是生成初稿后反复完善
不要怕麻烦,改3遍比做3个模板强100倍
2.1 优化封面页
原始封面可能比较朴素,我们让DeepSeek帮我们优化。继续在同一个对话里输入:
我刚才生成的HTML封面页比较朴素,请帮我优化,要求:背景深绿色渐变、左侧宽200px色块写“绿源”二字用金色大字、右侧显示标题和副标题、添加产品图标🦞🪷🍄🌾、动画效果左侧色块从左侧滑入/主标题从下方淡入/副标题延迟淡入……
💡 川姐解读:这段提示词仅供参考,可以根据你自己的喜好对封面进行调整。目前我生成的版本只是示范,并非最优。

2.2 优化销售收入页(最核心的一页)
销售收入页是整份PPT的核心,要用数据说话。我们设计左右两栏布局:
请帮我优化“销售收入页”,要求:上下两栏布局,上方月度销售额柱状图(ECharts,数据[145,168,210...],最高月份用金色高亮),下方左侧产品营收占比饼图+右侧4个数据卡片(总营收3280万元/同比增长+18.5%/最佳月份6月/平均月营收273万元),卡片白色背景圆角阴影悬浮效果,数字从0动态增长到目标值……
💡 川姐解读:这段代码的核心是:用ECharts画了一个柱状图,6月份的数据用对象形式单独设置颜色为金色高亮。这样汇报时,大家的目光会自然聚焦到旺季数据上。
ECharts说白了,就是让AI帮你做动态图表的工具。你只需要在提示词里写上“请用ECharts帮我做图表”,AI就会自动帮你写好全部代码,你啥都不用管。

2.3 优化销售问题分析页
问题分析页要用可视化图表,让问题“一目了然”。我们设计三列卡片布局:
请帮我设计“销售问题分析页”,要求:三列卡片布局,卡片1渠道集中度高(红色边框+进度条),卡片2季节性波动大(橙色边框+折线图),卡片3新客户获取不足(黄色边框+漏斗图),底部雷达图展示四个维度,每张卡片依次淡入……
💡 设计技巧:
✅ 用颜色区分问题严重程度:红色=严重,橙色=中等,黄色=注意
✅ 每个问题配一个可视化图表,比纯文字更有说服力
✅ 卡片式布局让信息更有条理,避免大段文字

解决目标:HTML做好了,怎么用它来演示?这里介绍两种方法。
方法一:浏览器全屏演示(推荐,保留所有动态效果)
1. 用浏览器打开你的 HTML 文件
2. 按 F11 进入全屏模式
3. 用键盘方向键翻页
4. 演示完毕,按 Esc 退出
优势:
✅ 所有动态效果完整保留
✅ 文件小(约350KB)
✅ 任何有浏览器的电脑都能打开
方法二:导出为PDF,再转PPT
1. 浏览器打开 HTML 文件 → Ctrl+P 打印 → 另存为PDF
2. 用WPS打开PDF → 转换 → 转为PPT
3. 在PowerPoint里微调动画和排版
⚠️ 注意:转成PDF后,所有动态效果会变成静态图片。如果动态效果对你很重要,建议直接用方法一。

目标:不只是展示,而是“惊艳”观众。
把所有页面整合成一个完整的HTML文件
之前我们是分页面优化生成的,现在把它们整合到一个HTML文件里:
请帮我把以下页面整合到一个完整的HTML文件中:封面页+目录页+销售收入页+销售问题分析页+改进方案页+结尾页。要求:所有页面CSS和JS放在同一个文件、页面间用锚点链接切换、添加“返回顶部”按钮固定在右下角、响应式设计、所有图表在滚动到可视区域时再加载、页面切换有淡入淡出动画。
一句话:AI帮你生成代码、实现效果,但审美和创意必须是你自己的——工具是画笔,画什么还得靠你自己。
做好HTML版PPT的3个“不要”
❌ 不要一次求完美:先生成初稿,再逐步优化,AI不怕改
❌ 不要忽视细节:字体、间距、配色,细节决定高级感
❌ 不要只盯着工具:多看看优秀设计,提升审美,AI才能帮你实现
让PPT真正高级的3个“要”
✅ 要讲故事:PPT不是堆砌信息,而是讲述一个完整的故事
✅ 要有数据:用图表和可视化,让数据替你说话
✅ 要有互动:让观众参与进来,而不是被动接受
1:不会代码,能学会吗?
不需要会代码!你只需要会“提需求”,DeepSeek会帮你写代码。就像你不会盖房子,但你会说“我要这样的户型”,建筑师就能帮你实现。
2:公司电脑不能联网,还能用HTML版PPT吗?
可以!所有代码都保存在本地HTML文件里,不需要联网。只要电脑有浏览器就能打开。
3:这种方法适合所有场合吗?
不是。如果是非常正式的商业汇报、学术答辩,建议还是用传统PPT;如果是创意展示、产品发布、内部培训,HTML版PPT会让你“惊艳全场”。
4:DeepSeek生成的HTML在不同浏览器里效果一样吗?
大部分效果是一样的,但建议用Chrome或Edge。Safari对某些CSS动画的支持不太好。如果要在苹果电脑上演示,记得提前测试一下。
5:什么是“颜色编号”?去哪里找?
其实就是每个颜色都有一个专属“身份证号”,比如 #1B5E20 就是深绿色。打开浏览器搜“配色网站”,看到喜欢的颜色点一下就能复制它的编号,直接粘贴到提示词里,AI就懂了。
PPT不是“做完就行”,而是“让人记住”。
很多人做PPT,只在乎“把信息放上去”,却不在乎“怎么让人记住”。这样的PPT,不做也罢。
用对工具,用对方法,PPT才能真正成为“你的武器”。
DeepSeek + HTML,让每一页PPT都不平庸,让每一次演示都成为亮点。
好啦,今天的分享就到这里。如果你也想做出让人眼前一亮的PPT,不妨试试这个方法。从今天这个案例开始,相信你也能做出让同事惊艳的作品!
刚写完这一篇,又发现腾讯龙虾WorkBuddy也有html制作PPT的技能,准备去学习一下,过几天再来分享给大家!有兴趣的朋友可以先关注!
—— 川姐
如果这篇文章对你有帮助,欢迎点赞、关注、转发 🌿