ISSUE 78 · AI 工具实操 · 教学向第 1 期
不是工具不行，是第一句话不行
AI做设计总像模板
因为你少写了这5样
附：263 个设计网址我逐个点了一遍，打不开的都标出来了
AI 生成的东西像模板，是因为你的输入像模板。
哈喽，我是大鹏，这里是第二灵感库。
先看一个场景，看看是不是你。
你打开一个 AI 设计工具，输入框里打一行字："帮我做一个电商 App 首页"。点生成，等半分钟。
出来一张图。看着像那么回事——有搜索框，有商品卡片，有底部导航。
但你放大一看：间距是随机的，字体是系统默认的，所有东西一样重，没有一个地方像你自己做的。
你回去改了两句提示词，又生成一次。还是那样。
然后就关了。心里想：AI 做设计还是不行。
这期我想说清楚一件事：不是工具不行，是第一句话不行。
前面 11 期我们一直在扒数据、看别人怎么写。那套东西更像一份报告，不像一份手册——你看完知道了"别人怎么做"，但不一定知道"我明天怎么做"。
所以从这期起，我多写点能直接上手的东西：一类工具怎么用、一套流程怎么搭、一个坑怎么绕。
"为什么我用 AI 出的稿子总像模板"，是我经常被问到的一个问题，就拿它开篇。
而且这件事跟你用哪个工具没关系——不管它是哪个平台出的，这类工具吃的都是同一套逻辑。学会一次，到处能用。
PART 01
先分清：AI 到底给了你什么
大部分人的第一个卡点，不是不会写提示词，是不知道自己想要的是哪种产出。
AI 设计工具给你的东西，说到底分三类，差别极大：
AI 给你的东西其实是三种，先分清你要哪个
① 视觉方向图 一张图片 ｜ 用来讨论"往哪个方向走" ｜ 一个字都改不了
② 可编辑设计稿 分层文件，能导进设计工具 ｜ 改文字、颜色、间距，接着往下做 ｜ 不能直接上线
③ 可运行代码 HTML / CSS 或前端代码 ｜ 能跑起来、能部署 ｜ 结构不一定合你的项目规范
大部分人的挫败感，来自想要第二种，却拿到了第一种。
然后试图在一张图片上改东西——当然改不动。于是得出结论"AI 出的东西没法用"。
其实不是没法用，是你拿错了。
所以动手之前，先回答一个问题：这次生成出来，我要拿它干什么？
按用途倒推，你要的东西不一样
要跟老板、客户讨论方向 第一种就够，别折腾，也别指望改
要接着做设计 必须找能导出成可编辑图层的那种
要直接变成一个能点的东西 找能出代码的，或能直接发布原型的
给你一个 30 秒的判断法：生成完，如果你只能截图，那它就是第一种。别在这上面耗时间。
大鹏说：这一步能帮你省掉一小时的无效尝试。很多人卡在"为什么改不动"，本质是产出类型和用途没对上——不是工具的问题，是预期的问题。
先把这一层分清楚，下面讲的那五件事你才知道往哪儿写。
PART 02
第一句话，必须写清这 5 样
这是本期的核心。
同一个工具，同一句需求，写法差一点，结果差一个档。原因很简单：AI 不知道你在想什么，它只能照你写的补。
你没写的，它就自己编。而这个"自己编"，就是模板感的来源。
一个能出好结果的描述，至少要有这 5 样
① 给谁用 —— 谁在用这个界面
② 要干什么 —— 他用它完成什么任务
③ 有哪些模块—— 页面由哪几块组成
④ 里面放什么 —— 具体的内容 / 数据 / 字段
⑤ 什么限制 —— 风格、尺寸，以及"先不要什么"
看一组对比就明白了。
差 · AI 只能瞎猜
做一个健身 App 首页
这句话里，五个部分一个都没有。AI 只能从它见过的无数个健身 App 里挑一个最平均的给你——最平均的那个，就是模板。
好 · 每一样都交代了
为上班族做一个健身记录 App 首页。
包含四块：今日运动数据、训练计划、目标进度、底部导航。
风格简洁轻量，强调色用荧光绿，适配手机端。
先不要社交、积分商城和成就体系。
差别在哪？我拆给你看：
同一句需求，五个要素有没有写
给谁用 差的那句：无 → 好的那句：上班族
干什么 无 → 记录健身
有哪些模块 无 → 四块，逐一列出
里面放什么 无 → 数据 / 计划 / 进度 / 导航
什么限制 无 → 风格 + 强调色 + 端 +"不要什么"
再给你三个场景的写法，结构完全一样，可以直接套。
三段可以直接抄的描述 · 结构一致，只换内容
电商首页
为一个买户外装备的电商 App 做首页。
包含四块：搜索与分类入口、今日推荐轮播、商品瀑布流、底部导航。
商品卡片显示图片、名称、价格、评分。
风格干净简洁，强调色用深绿，适配手机端。文案用中文，商品名和价格贴近真实商品，不要占位符。
后台数据面板
给内容运营做一版数据看板首页。
包含：顶部筛选区、四个核心指标卡、一条趋势折线、一张渠道数据表。
指标是曝光、点击、转化率、异常数。
风格克制、信息优先，不要装饰性插画，适配桌面端。先不要深色模式，不要动效。
产品落地页
给一款记账工具做落地页。
包含：首屏价值主张、三个核心功能、一段用户评价、价格区、注册入口。
首屏标题控制在 10 个字以内，下面用一句话补充说明。
风格可信、不花哨，配色以中性色为主，强调色只用在按钮上。文案用中文，别写"颠覆""领先"这类词。
看出来了吗？三段的结构是一模一样的，只是内容在换。这就是五要素的用法——它是模板，不是话术。
另外三句补丁，可以随时加上去，非常好用：
三句随时能加的补丁
"先不要 X" 很少人写、但很管用的一句。AI 默认爱堆东西（猜你喜欢、社区、成就徽章、新手引导），你明确不要，它才不塞。
"内容用中文，文字贴近真实产品" 不写的话，它经常给你一堆占位符文字或者明显假的文案，改起来比生成还累。
"保持可编辑的分层结构" 你之后要往下改的时候，会感谢自己写了这一句。
大鹏说：把这五要素当填空题用，写完核对一遍有没有漏。这个动作本身，比你换工具、换提示词模板都管用。
可抄的动作：下次生成前，先在心里把这五行念一遍。念得出来再打字，念不出来说明你自己还没想清楚——这时候生成出来的东西，只是把你的模糊变成了图片。
PART 03
生成之后，别用提示词改小东西
这一条我踩过很多次，也是我用下来确实省时间的一条经验。
生成完之后，你会看到一堆不满意的地方。绝大多数人的反应是：回去改提示词，重新生成。
这个习惯有两个问题：一是慢（每次都要等），二是有成本（大多数工具按次或按积分计费）。
正确的做法是分开处理：
发现什么，就用对应的改法
文字写错了、文案想换 直接点进去改 · 这一步不需要 AI，几秒钟的事
颜色、字体、圆角不对 找主题 / 变量设置，一处改全局 · 好用的工具都有主题管理，改一次所有页面跟着变
某个模块顺序不对、少了一块 用提示词单独说这一处 · 让它只动这里，别重生成整个页面
整体风格方向就不对 重新生成 · 风格错了别修，修出来还是那个调性
关键在最后一行：判断"该修还是该重来"，只看一件事——错的是细节还是方向。
三句话记住这条判断
错的是细节（错字、间距、颜色值）→ 修，改完就能用
错的是结构（模块缺了、顺序不对）→ 用提示词局部改
错的是方向（整体调性不喜欢）→ 直接重生成，别恋战
很多人卡住是因为反过来做了：方向不对，却在那儿修细节，修了半小时，还是不满意。
还有一条经验：一次只改一件事。同时说"把颜色改成蓝色、卡片改成圆角、再加一个排行榜"，AI 经常顾此失彼。分开说，稳得多。
PART 04
这类工具现在有谁，各管一段
讲完方法，说工具。
但我不想给你一个排行榜——这类榜单你已经看腻了，而且换个季度就失效。
我更想说清楚一件事：这几个工具解决的不是同一个问题。按"你现在要什么"倒推，比按"谁更强"来选要准得多。
现在有谁，各管哪一段
Google Stitch 快速看几个方向、不花钱 · 免费（有月度生成额度），可传草图或截图，出分层稿，出口多
Figma 自带的 AI 本来就在 Figma 里干活 · 不用换工具，能读你的设计系统，按 credits 计费
v0 要出代码、有开发协作 · 只做前端，出 React 组件，不碰后端和数据
Lovable 要一个真能跑起来的东西 · 前端 + 数据库 + 登录，代价是绑定技术栈
国内同类工具 上面几个访问不了时 · 思路接近，注意免费额度和商用授权条款
① 想快速看几个方向、不想花钱 → Google Stitch
Google Labs 出的，基于 Gemini，目前免费（有月度生成额度）。它的入口很宽：可以打字，也可以直接上传手绘草图或参考截图。出来的稿子不是一张死图，是分层的，能接着改。
它有个明显的好处是出口多：可以导出到 Figma 继续精修，也能出 HTML/CSS，还能交接给其他构建工具，或者发布成一个能看的链接。适合刚开始试这类工具、或者要快速给几个方案。
② 本来就在 Figma 里干活 → Figma 自己的 AI
如果你本来就是 Figma 用户，这条路明显更省事——因为它不用你换工具。
现在的 Figma 里，AI 是直接进画布的：可以让它生成设计方向、做图、改图、整理图层。它还有个"Code to canvas"的能力，能把线上跑着的界面变回可编辑的设计图层；另外可以把你的设计系统当约束喂进去，让生成的东西自带品牌规则。注意它是按 credits 计费的，不同席位每月的额度不一样，具体看官方页面。适合要出能交付、能进设计系统的稿子。
③ 要出代码、有开发协作 → v0
它的定位很明确：只做前端，不碰后端。生成的是 React 组件和页面代码，规范程度接近资深工程师手写，风格上贴着主流前端生态走。如果你要的是"干净的界面代码交给开发"，它比"生成整个应用"的工具更对口。反过来，如果你要一个能存数据、能登录的东西，它就不是答案。
④ 要一个真能跑起来的东西 → Lovable
它做的是完整应用：前端 + 数据库 + 登录都在里面。好处是非技术的人也能做出一个能用的东西，有真实的账号体系和数据存储。代价是它绑定了特定的技术栈，想搬走要费点劲。适合快速验证一个产品想法，而不是要一份设计稿。
⑤ 如果上面这些你访问不了 → 国内有同类思路的工具
Google、v0、Lovable 都需要相应的网络条件，这一点我得说实话，不然你去了打不开，更浪费时间。国内在这个方向也有产品，思路接近：一句话文生 UI、输出可分层编辑的文件，有的还带每日免费额度。名字我不在这儿堆了——你在常用的国内设计工具里搜"AI 生成设计稿"，能找到现成的。注意看清每个平台的免费额度和商用授权条款。
大鹏说：别一次学四个。先想清楚这次要的是"讨论用的方向"、"能改的稿子"还是"能跑的东西"，然后只挑那一个。工具切换的成本，比你以为的高。
可抄的动作：把这一节当一张对照表存下来。下次有人问你"AI 做设计用哪个"，先问他"你要它干什么"，再回答。
PART 05
从接到活到交出去，8 个环节各自的现成资源
前面讲的全是 AI。但说句实话：AI 只是链条上的一环。
一个活从接到手到交出去，至少过八道手——找方向、定视觉、搭界面、做原型、生成初稿、做成演示、还债补课、交付。AI 能帮你的是其中一道，其他七道，你手上得有现成的东西。
所以这一节不聊概念，直接给清单。来源是我自己前面 60 多期写过的全部网址，每一个我都重新点了一遍（2026 年 10 月 14 日逐个跑的可用性检查）。结果我如实说：
263 个网址逐个跑了一遍 · 结果如实说
收录 263 个网址
↓
243 个正常打开（92.4%）
12 个返回防爬拦截（浏览器能开，机器进不去）
7 个在我这台机器上连不上（DNS 解析异常）
1 个已经停运
后面三类我全标注出来了，没藏。清单按干活顺序排，每段我只挑几个最该先开的。
① 找方向｜还没想好长什么样
land-book
onepagelove
网页设计灵感库，看"一个网站整体长什么样"
mobbin
refero.design
真实产品截图，按功能和流程分类。这两个比上面两个更有用：你要做"设置页""支付流程"，能直接找到几十个真实案例对照
collectui
按组件切分的 UI 参考
② 定视觉｜方向有了，开始找颜色、字体、图
配色
colorhunt（现成配色卡）
color.adobe（取色 + 色轮）
uigradients（渐变）
字体
fontshare（免费可商用，质量高，我最常用）
fonts.google
中文用 hellofont
图与插画
pexels
burst.shopify
插画 undraw（可以一键换成你的品牌色）
storyset
图标
lucide
heroicons
phosphoricons（都是开源可商用）
3D
shapefest（10 万+ 个渲染好的 3D 资产，免费层供图标和插画用）
sketchfab
③ 搭界面｜开始拼页面
untitledui Figma UI Kit + React 组件，免费层很够用
ui8.net
creative-tim
付费模板市场，赶工时买一套比自己搭快
画结构
excalidraw（手绘风白板）
tldraw
出效果图
shots.so
rotato（3D 样机）
deviceshots
④ 做原型｜让它能点、能动
protopie复杂交互逻辑支持得比较完整；
rive（可交互动画）
spline.design（浏览器里的 3D）
低保真
balsamiq
wireframe
whimsical
三个"打开就用、用完就关"的小工具
animista（CSS 动画直接抄）
cssgradient（渐变代码）
cubic-bezier（缓动曲线可视化）—— 查完把代码贴进项目，不用记
设计转代码
locofy
builder
⑤ AI 提效｜就是本文上半部分讲的那类
生成界面
v0（出干净的前端代码）
uizard
visily文生 UI，把草图变界面）
矢量与图片
recraft
photoroom（抠图 / 商品图）
bigjpg（放大）
deepl（翻译）
这里有四个我没法替你验证
ideogram.ai、krea.ai、leonardo.ai、meshy.ai 这四个，在我这台机器上连不上（域名能解析，但连接超时），所以我没法替你验证它们现在能不能用，清单里标了"当前网络不可达"。你要用，先在浏览器里试一下再决定。
⑥ 交付｜PPT 和作品集
做演示
gamma（一句话出整套，免费额度够试）
pitch（协作 + 能看客户看到第几页）
beautiful
prezi
作品集平台 framer、webflow、cargo、squarespace
作品集参考 这几个是我在前面几期写过的真人作品集，值得一个个点进去看结构：rauno、bruno-simon、dennissnellenberg、maggieappleton、chanhdai
⑦ 补课｜系统学一遍
系统课 interaction-design（UX 系统课，有免费部分）、nngroup（Nielsen Norman，UX 领域最权威的文章库）
前沿文章 css-tricks、smashingmagazine、tympanus（Codrops，看前沿动效实现）
玩着学 真的有用，比看教程快：flexboxfroggy（用青蛙游戏学 flex 布局）、flukeout.github（CSS Diner，学选择器）、cantunsee（练眼力，挑对齐错误）、designercize（限时出方案，当热身）
⑧ 参考｜建官网之前，先看别人怎么建立信任
这是前面 11 期"新官网观察"的全部案例站，68 个，跨十几个行业。挑几个不同路子的：
linear SaaS，把"克制"做成品牌
hilos AI 产品，把"人批准"放在最显眼的位置
functionhealth 健康类，用真实检测数据代替形容词
euro.polene-paris 时尚类，靠材质和光
farmminerals 农业科技，把"低碳"落成具体数字
大鹏说：这份清单的价值不在于"收藏了 263 个网址"，而在于你知道每一步该去哪儿拿东西。
做设计最耗时间的从来不是动手，是"我该用哪个"。把这条路径记住，比收藏夹多 200 个链接有用。
LAST PART
生成完，先扫这 5 条再动手改
最后给你一张核对清单。生成出东西之后，先别急着改，照着扫一遍：
生成完，照着扫一遍
① 页面齐了吗
该有的页面和状态都在？空状态、加载中、报错页有没有？
② 主操作突出吗
用户第一眼知道该点哪个按钮？还是满屏一样重？
③ 层级看得懂吗
不看解释，能看出谁是标题、谁是正文、谁是次要信息？
④ 内容是真实的吗
AI 会给假数据、假名字、假文案，这些记得换成真的
⑤ 尺寸对吗
手机稿别直接放大当网页用，反过来也一样
这五条不是审美判断，是能不能交付的判断。五条都过，这稿子才值得你花时间精修。
如果你今晚想动手试一次，不用做完整流程：挑一个你现在能打开的免费工具，用五要素写一段描述，生成一版，然后照着上面这五条扫一遍。
第一次的目标不是出好稿子，是让你亲眼看清"多写那几行字"到底改变了什么。看完你就不会再信"AI 做设计不行"这句话了。
最后说一句我的观察。
AI 做设计这件事，工具每隔几个月就换一轮。但你有没有发现——真正让人卡住的，从来不是工具，是"说不清楚自己想要什么"。
而这恰恰是设计师的核心能力。所以不用急着焦虑被替代：能把需求讲明白的人，用 AI 只会更有优势。
今天就能做的一件事
打开你最近一次用 AI 生成的稿子，把当时写的那段描述找出来，对照五要素数一数：给谁用、干什么、有哪些模块、里面放什么、什么限制——五行里你写了几行？少的那几行，就是模板感的来源。
关于这一期的说明
本期为工具使用教学，不包含自采数据统计。文中涉及的工具能力、免费额度与导出方式，均来自各产品官方页面及公开资料，核对时间为 2026 年 10 月；AI 产品的功能与计费规则变动较快，实际使用请以官网当前说明为准。
网址可达性验证方法：本期共收录 263 个网址（来自本号往期 64 篇文章）。验证在 2026 年 10 月 14 日进行，程序以浏览器标识发起请求，先 HEAD 再 GET，对非 200 的结果做第二轮 DNS、TLS 证书与完整浏览器请求头复核，以区分"防爬拦截"和"站点失效"。结果：243 个返回 200 确认可访问；12 个返回 403 / 429 等防爬拦截（域名与证书正常，浏览器一般可正常访问）；7 个在当前网络环境下 DNS 被解析到异常地址、连接超时，无法验证，已在清单中标出；1 个站点持续返回服务不可用。可达性会随时间变化，使用时请自行确认。
文中提到的 AI 生成类工具，其输出内容请留意各平台的商用授权条款与版权政策；生成结果中的文字、数据与图片，建议在交付前逐一核对替换为真实内容。提到具体产品仅为说明用途，不构成推荐，也不构成任何效果承诺。
关于本期的方法：五要素描述法是对多个工具官方文档与公开示例的归纳，不是某一家的官方规范；不同工具对描述格式的偏好不同，实际使用时以该工具的官方说明为准。
这期是教学向的第一期。你觉得这种"能不能直接上手"的写法有用吗？下期想学哪一类工具，评论区告诉我。
所有的"网址资源"我都整理好了一份文档。
#AI设计工具 #设计效率 #设计教程 #提示词 #设计资源 #第二灵感库
觉得有用的话，点赞 + 在看 + 转发三连支持一下
ISSUE 78 · SEE YOU NEXT WEEK