# 创建第一个应用 从一段想法开始，整理产品蓝图，再让 IdeaMade 生成第一版应用。本教程以“客户跟进工具”为例，带你完成创建、预览和第一次检查。 ## 开始前 建议在电脑上使用 Builder。登录 IdeaMade；首次注册时，按页面提示完成邮箱确认。生成和修改应用会消耗 Credits，你可以在项目页或工作台查看余额。 本篇使用“客户手记”和虚构客户资料演示。你可以替换名称和功能；生成的布局、按钮文字和澄清问题可能与截图不同。 ## 描述你想创建什么 1. 在项目页选择 **新建项目**。 2. 在需求输入框中填写应用的用途、使用者和主要操作。例如： > 创建一个供自由职业者使用的客户跟进工具，名称为“客户手记”。我希望能新增和编辑客户，记录客户姓名、公司、联系方式、跟进状态和备注。客户列表可以按姓名搜索，也能按“待联系、跟进中、已成交”筛选。第一版先做好客户列表和客户详情，界面使用中文。 3. 选择 **开始**，等待产品蓝图生成。 产品蓝图会把想法整理成目标、角色、页面、数据和流程。这里的页面示意用于帮助你理解设计，实际可操作的应用将在构建后生成。 [![填写用途、使用者和主要操作，再选择“开始”。](https://ideamade.ai/help/zh/create-requirement.jpg)](https://ideamade.ai/help/zh/create-requirement.jpg) _填写用途、使用者和主要操作，再选择“开始”。_ ## 检查并调整产品蓝图 先看蓝图是否准确表达了你的想法： - **使用者和目标**：这个工具服务谁，解决什么问题。 - **页面和操作**：是否包含客户列表、客户详情、新增和编辑。 - **数据和规则**：客户需要记录什么，跟进状态如何使用。 如果出现澄清问题，按自己的业务回答，再选择 **更新当前蓝图**。拿不准时，可以先阅读推荐选项。 需要调整时，可以选择 **编辑蓝图**，也可以向 AI 描述变化。例如： > 在客户详情中增加“下次联系日期”，客户列表也需要显示这个日期。先不加入自动提醒。 通过 AI 调整时，选择 **审阅修改方案**，查看提案中的修改前后对比，再选择 **确认修改**。进入 Builder 前，先保存修改或取消编辑。 蓝图可以继续完善。第一版先把核心用途表达清楚；后续仍可根据预览结果提出修改。 [![按自己的业务回答澄清问题，再更新蓝图。每次生成的问题可能不同。](https://ideamade.ai/help/zh/blueprint-questions.jpg)](https://ideamade.ai/help/zh/blueprint-questions.jpg) _按自己的业务回答澄清问题，再更新蓝图。每次生成的问题可能不同。_ [![检查产品用途、页面与核心流程是否符合预期。](https://ideamade.ai/help/zh/blueprint-overview.jpg)](https://ideamade.ai/help/zh/blueprint-overview.jpg) _检查产品用途、页面与核心流程是否符合预期。_ [![在蓝图编辑窗口中直接调整产品说明，再保存新版本。](https://ideamade.ai/help/zh/blueprint-edit.jpg)](https://ideamade.ai/help/zh/blueprint-edit.jpg) _在蓝图编辑窗口中直接调整产品说明，再保存新版本。_ [![审阅 AI 提案中的修改前后对比；确认按钮位于提案底部。](https://ideamade.ai/help/zh/blueprint-proposal.jpg)](https://ideamade.ai/help/zh/blueprint-proposal.jpg) _审阅 AI 提案中的修改前后对比；确认按钮位于提案底部。_ ## 进入 Builder 并生成应用 1. 确认准备开始构建后，选择 **使用这份蓝图进入 Builder**。 2. 如果页面要求登录或确认邮箱，完成后继续进入项目。 3. Builder 会开始准备并生成第一版应用。关注对话中的生成进度和需要你处理的提示。 进入 Builder 后会启动首次生成，并消耗 Credits。 生成过程中，画布会逐步展示页面，对话中会显示当前进度。等任务结果出现、顶部显示已保存的版本号后，就可以在预览中检查这一版应用。 [![生成过程会显示当前步骤；等待本轮结果保存后再检查完整应用。](https://ideamade.ai/help/zh/generation-progress.jpg)](https://ideamade.ai/help/zh/generation-progress.jpg) _生成过程会显示当前步骤；等待本轮结果保存后再检查完整应用。_ [![第一版已保存：顶部显示 v1，右侧显示任务结果，左侧可以预览应用。](https://ideamade.ai/help/zh/workspace-saved.jpg)](https://ideamade.ai/help/zh/workspace-saved.jpg) _第一版已保存：顶部显示 v1，右侧显示任务结果，左侧可以预览应用。_ ## 在预览中试用 1. 在工作台将画布切换到 **预览**。这个模式可以像普通用户一样点击按钮和填写表单。若保存后预览暂时空白，选择工具栏中的 **刷新** 重新打开。 2. 使用 **选择页面** 或应用自己的导航，打开客户列表。 3. 新增一位虚构客户，例如“林晓”，将跟进状态设为“待联系”。 4. 从列表打开这位客户的详情，修改状态和备注并保存，再回到列表查看结果。 5. 试用姓名搜索和状态筛选，确认结果符合你的预期。 6. 按需要切换桌面、平板和手机预览，检查内容是否容易阅读和操作。 [![使用虚构客户填写表单，保留“待联系”状态后保存。](https://ideamade.ai/help/zh/client-create.jpg)](https://ideamade.ai/help/zh/client-create.jpg) _使用虚构客户填写表单，保留“待联系”状态后保存。_ [![保存后的客户详情显示新的跟进状态和备注。](https://ideamade.ai/help/zh/client-updated.jpg)](https://ideamade.ai/help/zh/client-updated.jpg) _保存后的客户详情显示新的跟进状态和备注。_ [![按姓名搜索并选择“跟进中”，确认已保存的客户出现在结果中。](https://ideamade.ai/help/zh/client-list.jpg)](https://ideamade.ai/help/zh/client-list.jpg) _按姓名搜索并选择“跟进中”，确认已保存的客户出现在结果中。_ [![切换手机尺寸，检查窄屏下的内容和操作；需要时横向滚动列表。](https://ideamade.ai/help/zh/mobile-preview.jpg)](https://ideamade.ai/help/zh/mobile-preview.jpg) _切换手机尺寸，检查窄屏下的内容和操作；需要时横向滚动列表。_ 如果发现问题，直接描述操作和结果： > 在客户列表搜索“林晓”后，没有显示刚刚新增的客户。预期是按客户姓名找到这条记录，请检查并修复。 接下来可以阅读[如何提出修改](https://ideamade.ai/zh/help/request-changes)。 ## 根据生成结果继续 | 你看到的情况 | 下一步 | | ------------------------------ | -------------------------------------------------- | | 应用已生成，结果已保存 | 打开预览，检查核心操作，再提出下一项改进。 | | 提示草稿已保存，仍有待修内容 | 先查看已保存成果和问题说明，再决定如何继续。 | | 任务中断或失败，并提供继续入口 | 阅读当前任务的原因和可用操作；无法继续时联系支持。 | | 提示原任务无法恢复或蓝图已变化 | 按提示基于当前蓝图或已有应用开始新的任务。 | 继续生成或修复会消耗 Credits。点击工作台顶部的版本号，可以在 **版本历史** 中查看已保存的成果。 ## 准备好后再发布 第一版保存后，可以继续在 Builder 中试用和修改。关键操作符合预期时，按[版本恢复与发布](https://ideamade.ai/zh/help/versions-and-publishing)发布给其他人使用。 首次发布会使用独立的正式数据空间。预览中的测试客户保留在预览环境，正式客户从发布后的应用中录入。 ## 常见问题 ### 怎样使用官网上已经生成的蓝图？ 在已有蓝图中选择 使用这份蓝图进入 Builder，完成登录后继续创建。 ### 切换 IdeaMade 的界面语言，会改变应用语言吗？ IdeaMade 的界面语言用于平台菜单和提示，应用语言由蓝图确定。需要调整应用语言或支持多语言时，在需求中说明目标语言和使用方式。