在「编程与开发」类工具里，Bolt.new 的定位是：StackBlitz 推出的浏览器内全栈应用生成工具。

这篇写给设计师：围绕灵感与草图、多尺寸物料适配和提案文档这几类日常工作，说明它能帮上什么忙、怎么用、哪些地方必须自己把关。

设计师的三个高频用法

1. 灵感与草图

提示词示例：

围绕【项目主题】给出 5 个视觉方向，每个方向包含关键词、配色建议、参考风格和适合的使用场景，便于我和客户沟通。

把关：方向之间差异明显。

2. 多尺寸物料适配

提示词示例：

把这套主视觉适配为 3 个尺寸：1080×1920 竖版、1200×628 横版、1080×1080 方形，说明每个尺寸的元素取舍和文字层级调整。

把关：各尺寸文字都清晰可读。

3. 提案文档

提示词示例：

根据这些设计稿说明写一份客户提案文档大纲：项目背景、设计目标、方案说明、应用延展、下一步排期。

把关：大纲覆盖客户关心的问题。

也可以试试：代码审查

这是「编程与开发」类工具的通用任务，设计师同样用得上。

审查这个改动，按「必须修改 / 建议修改 / 可以忽略」三级列出问题，每条附上文件和行号，重点关注安全、并发和错误处理。

边界与合规

确认生成素材与字体的商用授权，客户未公开的项目不要上传。

  • 产出由设计师本人负责，AI 只是草稿和辅助。
  • 对外内容发布前至少看一遍。
  • 如单位有规定的工具清单，优先在清单内选择；Bolt.new 的同类还有 Lovable、v0。

一周试用建议

选一个最常做的任务连续用 5 个工作日，记录每次节省的时间和需要修改的地方，再决定是否把 Bolt 纳入日常流程。

补充练习

小功能开发

准备材料：一个清晰的需求描述。

实现以下需求：【需求】。要求：先给出实现计划和要改动的文件列表，等我确认后再写代码；遵循现有代码风格；补充必要的测试。

交付前确认：先有计划再动手。

修复报错

输入：一段报错堆栈和相关代码。

这是报错信息和相关代码。请先解释报错原因，给出最小修改方案，并说明为什么这个修改不会影响其他调用方。

交付前确认：修改范围足够小。

读懂陌生代码库

准备材料：一个刚接手的项目仓库。

先不要改任何代码。请阅读这个仓库，输出：1）目录结构说明；2）主要模块之间的调用关系；3）本地运行步骤；4）你认为最脆弱的 3 个地方。

交付前确认：运行步骤能实际跑通。

常见问题：越改越乱

回滚到上一个可用提交，把需求拆小后重新开始。

常见问题：生成的代码引用了不存在的函数

让它先搜索代码库确认 API，再写实现；运行测试验证。

常见问题：测试全绿但功能不对

人工补充关键用例，检查测试是否真正断言了结果。

概念补充：补全（Completion）

在光标处预测下一段代码，速度快但上下文有限。

概念补充：差异审阅

在接受 AI 修改前逐个查看 diff，是最重要的安全习惯。

注意事项

所有示例输出均为示意，不代表真实统计或效果承诺；请以自己的测试结果为准。

涉及个人信息、商业机密或受监管数据时，先确认 Bolt.new 的数据处理条款，再决定能否使用。

延伸阅读