1. 以意图开始
在打开 Lovable 之前,先问自己三个问题:
- 我要构建的是什么?
- 目标用户是谁?
- 用户在这里应该完成什么?
只有思路清晰,提示词才会精准有效。
2. 模块化构建
一次只提示一个区块,效果最好。
不要写:“建一个落地页。”
而要写:“创建一个英雄区,包含大标题、辅助文字和 CTA。”
然后再处理下一个区块。
用模块化的思路,你会更快,也更可控。
3. 使用真实内容
占位符文案走不远。
哪怕是粗略草稿,也比 lorem ipsum 更好。
真实的标题会迫使正确的间距;
真实的 CTA 才能验证布局是否合理。
设计决策应该服务于内容意义。
4. 以组件思考
卡片、徽章、按钮、弹窗、输入框、提示、开关……
请具体描述。
“添加一张卡片,包含头像、姓名和关注按钮”
比“添加一个用户区块”更有效。
把你的 UI 当作一套系统化的零件来构建。
5. 使用情绪词
像“俏皮”“高级”“电影感”这类词不只是设定氛围,
它们会直接影响结构、配色、深度与动效。
早点把这些词写进提示里,结果会更美观。
(可参考我的情绪词指南获取更多灵感)
6. 通过 URL 嵌入视觉素材
你可以把 Midjourney 图像、视频、动画,甚至实时演示直接嵌入布局。
只需用 URL 插入即可。
但一定要具体:
放哪?支撑什么内容?
把视觉素材视为流程的一部分,而非事后贴上的装饰。
7. 使用可视化编辑按钮
编辑按钮真的能节省我数小时!
不要为了改个按钮文案或间距而重新提示整个区块。
直接点编辑即可。
这让迭代更轻松,也能保持布局稳定:
小改动不会意外覆盖其他内容。
8. 尽早接入 Supabase
用 Lovable 做前端,用 Supabase 做后端。
它是最强大的插件之一。
可以添加身份验证、连接 CMS,
甚至让它自动生成几张表来存储项目的重复信息。
9. 版本历史是你的好帮手
Lovable 自动保存,你可以逐步思考、逐步修改。
一次只改一个地方。
不要在一个提示里同时动布局、文案、颜色和间距。
清晰的改动会不断叠加,最终效果更可靠。
Lovable是什么?
Lovable 是一款AI 驱动的全栈应用构建平台,由瑞典初创公司开发,前身是 GitHub 上的开源项目 GPT-Engineer。
它最大的特点是:用户只需用自然语言描述想法,AI 就能在几分钟内生成一个可运行的完整应用,包括前端、后端、数据库和部署。
核心功能
- 聊天式开发:像聊天一样告诉 AI 你要什么,比如“我要一个带登录的个人博客”,AI 会立刻生成代码并部署上线。
- 零代码门槛:不需要会编程,适合产品经理、设计师、创业者等非技术用户。
- 快速迭代:支持实时预览、编辑、发布,几分钟内完成 MVP(最小可行产品)。
- 集成后端服务:可直接连接 Supabase 等后端平台,实现用户注册、登录、数据库等功能。
适用场景
- 快速验证产品创意
- 非技术人员构建网站或 SaaS 工具
- 独立开发者快速上线项目
- 用 AI 做“Vibe Coding”——用感觉和想法驱动开发
背景数据
- 2024 年 11 月发布,4 周内 ARR(年度经常性收入)达到 400 万美元,2 个月内突破 1000 万美元。
- 团队仅 18 人,月活用户超 50 万,付费用户近 4 万。
- 被称为“欧洲增长最快的 AI 初创公司”。
一句话总结:Lovable 是一个让你“说句话就能做出一个网站或应用”的 AI 工程师工具。