> ## Documentation Index
> Fetch the complete documentation index at: https://docs.scanova.io/llms.txt
> Use this file to discover all available pages before exploring further.

# AI Studio

> 使用 AI 生成落地页。

AI Studio 会根据一段自然语言描述生成一个落地页。您不需要逐个添加区块，而是在类似聊天的侧边栏中描述您想要的页面，AI 会起草它——如果您的描述过于开放，它会先提出澄清性问题；如果不是，它会直接起草。

<Check>
  **本次验证已确认功能可实时访问。** 在早前的验证中，该功能对一个 Pro 套餐的测试账户设置了付费墙。在本次验证中，该测试账户被直接授予了 `AI_QR_TOKENS` 配额，AI Studio 立即解锁——入口卡片显示的是 **Start** 而不是 **Upgrade**，并且一次真实的生成从头到尾顺利完成（见下文）。
</Check>

## 如何使用

<Steps>
  <Step title="从 Create QR Code 开始">
    在仪表盘中点击 **Create QR Code**。在 "Create a new QR code" 界面上，点击 **AI Studio** 卡片上的 **Start**。

    <Frame caption="Create QR Code 选择界面，AI Studio 已解锁（显示 Start，而非 Upgrade）">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/ai-studio/create-qr-code-picker.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=1fca8f7dac02cd4246f084e0a7dba826" alt="Create a new QR code 界面显示三张卡片：AI Studio（标注为 AI，带一个 Start 按钮）、Build a Page（标注为 Page）和 Quick Code（标注为 Utility）" width="1440" height="900" data-path="images/v2/ai-studio/create-qr-code-picker.png" />
    </Frame>
  </Step>

  <Step title="描述您的页面">
    在侧边栏的聊天输入框中输入您想要的页面描述，例如：

    > "A wedding page for Sarah and James, June 20 at Rosewood Gardens. Include the event schedule, venue map, and an RSVP form."

    <Frame caption="从 Create QR Code 打开的 AI Studio 入口界面">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/ai-studio/describe-your-page.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=9682ae2fb53065aaa004640735d73683" alt="AI Studio 入口界面，标题为 'Describe your page'，附有说明文字、八个建议提示 chip，以及一个显示 'Describe the page you want to create...' 的聊天输入框" width="1440" height="900" data-path="images/v2/ai-studio/describe-your-page.png" />
    </Frame>
  </Step>

  <Step title="按下 Enter">
    AI 会在聊天侧边栏中作出响应。接下来发生什么取决于您的提示具体到什么程度：

    * 如果您的提示遗漏了 AI 所需的细节（图片、联系信息、具体文案），它会先提出澄清性追问，而不是立即生成。
    * 如果您的提示足够具体，一旦草稿构建完成，它会以一条确认消息回应（例如 "Your AI-generated landing page preview is ready!"）。

    <Frame caption="AI 提出澄清性问题，而不是立即生成">
      <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/ai-studio/ai-clarifying-question.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=403dc4cb7e5a96e885a39c141ac794cf" alt="AI Studio 聊天显示 AI 的响应，要求提供作品集图片 URL、联系信息、About 板块的简介，以及按钮重定向目标，而不是立即生成页面" width="1440" height="900" data-path="images/v2/ai-studio/ai-clarifying-question.png" />
    </Frame>

    <Warning>
      不要假设单条消息总能一步生成一个完整的页面。模糊的提示会先收到一轮澄清性问题——回复缺失的细节以继续。
    </Warning>
  </Step>
</Steps>

## 优化页面

页面生成之后，聊天输入框会保持打开——发送后续消息以调整结果（例如 "change the colour scheme to navy and gold" 或 "add a section for accommodation recommendations"）。每条消息都会生成一个新版本。

## 建议提示 chip

如果不确定从何开始，点击输入框下方的某个建议提示 chip：

* Event
* Wedding
* Feedback
* Product launch
* Restaurant
* Portfolio
* Lead Generation
* App Promotion

这份 chip 列表与线上产品完全一致。点击某个 chip 会用一段起始提示填充输入框，您可以在发送前对其进行编辑。

## AI 额度

生成是按量计费的。聊天面板会显示一个实时计数器——在此账户的情况下为 **AI Credits: *n* of *5* used**——每次提交提示（包括后续的优化请求）都会递增。如果您使用的是有限额度，请留意这个计数器。

## AI Studio 编辑器

进入一个生成会话后，顶部栏会提供 **Preview** 和 **Publish**，右侧面板则有 **General** 和 **Advanced** 标签页，涵盖二维码名称、其当前页面 URL、页面的 URL slug 以及文件夹分配——这些都独立于多页面区块构建器自己的 Settings/Theme 控件。

<Frame caption="进行中的 AI 生成页面在 AI Studio 编辑器中的设置面板">
  <img src="https://mintcdn.com/scanova-api/2FTGGTqcp1qRUtvm/images/v2/ai-studio/ai-page-settings-panel.png?fit=max&auto=format&n=2FTGGTqcp1qRUtvm&q=85&s=26c60c9cc4aae7b378182e928a9ef8c4" alt="AI Studio 编辑器左侧显示聊天提示，中间是移动端预览框，右侧是 General/Advanced 设置面板，包含 QR code name、Current page URL、URL slug 和 Folder 字段，底部还有一个 AI Credits 计数器" width="1440" height="900" data-path="images/v2/ai-studio/ai-page-settings-panel.png" />
</Frame>

<Note>
  此面板中的实时移动端预览通过产品其余部分所使用的同一个已发布页面域名渲染。在某些环境中，该预览域名可能无法访问或受到限制，此时即使生成成功，手机模型预览也会保持空白——这不一定意味着生成失败；请改为检查聊天自身的确认消息和 AI Credits 计数器。
</Note>

## 发布

当页面呈现出您想要的样子时，点击顶部栏中的 **Publish**，并在发布面板中确认，即可让页面上线。AI 生成的二维码使用与基于区块的构建器相同的动态二维码系统——您可以随时更改页面内容，而无需重新打印二维码。

## 编辑已有的 AI 页面

要返回一个 AI 生成的页面，从 **QR Codes** 打开其二维码，点击 **Edit**（而不是 **Edit Design**，后者打开的是该二维码的视觉图案/徽标设计器）。

<Warning>
  **实测中这没有按预期工作。** 重新打开一个 AI 生成页面的编辑器时，显示的是默认的 "Describe your page" 空状态——之前的聊天线程和生成的草稿并未恢复，这与"AI Studio 会加载您之前的聊天记录后打开"这一假设相矛盾。在此得到重新确认之前，请将聊天视为局限于单次会话的内容，而不是可以在多次访问之间可靠恢复的东西。
</Warning>

## 区块构建器中的 AI

在多页面二维码区块构建器普通的 "Add a page" 面板中，**没有**可供选择的独立 "AI page" 类型。AI Studio 是其自身的顶层创建方式，只能通过上文所述的 **Create QR Code → AI Studio** 访问——它并不是与 General、Audio、Gallery、Documents 和 Intro Page 并列的一种页面类型。

## 访问要求

此前"AI 页面生成功能面向 Pro 及以上套餐开放"的说法在先前测试中并不成立——一个 Pro 套餐的测试账户被完全锁定在外。访问权限由一个管理员管理的配额代号（`AI_QR_TOKENS`）控制，而不是任何一个应用代码中可见的简单套餐等级规则，而向该测试账户授予该配额正是本次验证解锁该功能的原因。在针对真实生产环境的套餐权益得到验证之前，请将任何关于"哪些套餐可以使用 AI Studio"的笼统说法视为未经确认——已确认的是：一旦具备该配额，该功能就能端到端地正常工作，并通过上文所述的 AI Credits 计数器进行计量。

## 相关内容

* [AI QR / AI Studio](/zh/qr-codes/create/ai-qr) —— 访问此功能所使用的 Create QR Code 入口点。
* [Page Builder overview](/zh/page-builder/overview) —— AI Studio 在幕后填充的基于区块的编辑器。
* [Quick Code vs. full Page](/zh/qr-codes/create/quick-code-vs-page) —— AI Studio 与另外两种创建路径的比较。