上周,我需要做一份分享材料,主题是”AI学习路径”。
原先的做法:打开PPT → 选模板 → 填内容 → 调字体 → 调配色 → 导出。
我的做法:打开AI → 描述我要的页面结构 → AI生成HTML → 截图 → 放进PPT。
原先需要用了两小时。我用了15分钟。
一、我的真实工作流
第一步:告诉AI”我要什么样的页面”
不是”帮我做个PPT”,而是:
“帮我做一页HTML页面,16:9比例(1920×1080),标题是’AI学习四阶段’,四个阶段分别是入门期、工具掌握期、项目实战期、输出分享期,每个阶段有核心任务。整体风格简洁、配色舒服。”
AI直接生成一个完整的HTML页面代码。
第二步:浏览器打开,一键截图
直接在浏览器打开HTML,用系统截图工具截一张图。16:9比例,直接就是PPT素材尺寸,不需要裁剪、不需要调整。
第三步:图片扔进PPT
截图 → 粘贴到PPT → 加一页过渡页 → 完成。
二、为什么比PPT快?
1. 不需要”找模板”
PPT最大的时间成本,不是写内容,是找模板。
打开PPT → 搜索模板 → 觉得不够好看 → 再搜索 → 觉得差不多就行 → 开始改 → 发现模板配色不对 → 换模板 → 重新开始……
AI做HTML:没有模板,直接生成你描述的样式。你说什么,它画什么。不存在”找”这个环节。
2. 排版天然对齐
PPT排版最烦的是:文字放进去 → 位置不对 → 拖拽 → 旁边元素被挤走 → 再调 → 导出发现分辨率不对……
HTML排版基于CSS,你描述清楚了结构,AI生成出来就是对齐的。截图出来,不需要二次裁剪。
3. 可以复用
生成了某个风格模板的HTML,下次类似内容可以直接改文字、保留样式。不需要每次都”重新设计”。
三、我用这个方法做了什么
案例一:读书笔记图解
看完一本书,想把核心知识点整理成一页图。以前用Canva/PowerPoint,找模板、排版,30分钟。现在告诉AI页面结构,截图,扔进PPT,发出去。用时:5分钟。
案例二:知识体系图
帮读者梳理”AI工具全家桶”——按场景分类,每类列出工具。以前画表格、调行距,15分钟。现在告诉AI,截图,完事。用时:3分钟。
案例三:方法论图解
分享一个”学AI的正确路径”,用阶梯式图示表达。以前用形状工具画阶梯,位置怎么调都不好看。现在告诉AI”用阶梯式图示呈现”,AI生成,截图。用时:2分钟。
共同点:都不是”设计”,是”表达”。
四、具体怎么操作(直接抄)
工具准备
需要一个能生成HTML的AI助手,还是比较推进workbuddy或者DeepSeek,当然这是在墙内的情况哈,把需求描述清楚就行。不需要任何编程基础——你不需要写代码,只需要描述你想要什么。
描述页面的核心要素
| 要素 | 说明 |
| 格式 | 16:9比例(1920×1080) |
| 标题 | 你想要的标题 |
| 内容 | 你想要的结构 |
| 风格 | 简洁/专业/活泼/学术…… |
| 配色 | 冷色调/暖色调/深色系…… |
生成后:浏览器打开 → 截图(Win用Snipaste,Mac用Shift+Command+4)→ 粘贴到PPT。
五、适合什么人用?
| 适合 | 不适合 |
| 需要快速出图、做分享材料的人 | 需要高度定制化设计的品牌物料 |
| 不擅长PPT排版,但思路清晰的人 | 需要导出可编辑PPT文件的人 |
| 经常做知识图解、方法论分享的人 | 有专业设计师配合的团队 |
| 想把内容做得比PPT更专业的人 | 完全不想学任何新方法的人 |
六、我的真实感受
用AI生成HTML做PPT素材之后,我的分享材料质量明显提升了:
以前:因为做图太麻烦,算了不做了。
现在:这个值得做,5分钟出图。
省的不是工具上的时间,是”嫌麻烦所以不做”的那个心理成本。
很多人不是不会做,是做起来太烦人所以放弃了。AI把那个”烦人”去掉了。
内容质量提升,本质上是”愿意做了”。
你有没有过”这个内容值得整理,但做起来太麻烦”的时候?试试AI生成HTML截图,也许那个”麻烦”就消失了。预告:下一期分享一个 HTML在线可视化编辑的工具推荐阅读:用AI开发一个Markdown转HTML工具…
AI不好用?试下这样提问
“IMA + WorkBuddy ”能做什么?十大场景助你效率翻倍
