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

# 快速开始

> 创建、编辑、保存并导出第一张 DiagramAI 图表。

本指南将帮助你从新账号开始，完成并保存第一张图表。

## 开始前准备

你需要：

* 已启用 JavaScript 和 Cookie 的当前版本桌面浏览器
* 一个 DiagramAI 账号
* 接受当前版本的服务条款和隐私政策

<Steps>
  <Step title="登录">
    打开 [DiagramAI](https://diagram.eoeok.com)，选择**登录**或**免费开始使用**。

    新账号会获得一个个人工作空间和 5 credits。
  </Step>

  <Step title="描述图表">
    在首页输入明确的需求，或在工作空间中选择 **AI 生成**。

    ```text theme={null}
    创建一个结账时序图，包含客户、Web 应用、订单服务、
    支付提供商和库存服务，并展示支付失败与库存不足分支。
    ```

    选择图表类型，也可以保留为**自动**，然后提交请求。
  </Step>

  <Step title="检查生成结果">
    DiagramAI 会在当前工作空间创建图表，并在 diagrams.net 编辑器中打开。

    使用结果前，检查标签、方向、分支和关系是否正确。
  </Step>

  <Step title="继续调整">
    在编辑器中移动图形、修改标签和调整样式。如需改变图表结构，打开 AI 面板并描述修改要求。

    ```text theme={null}
    在支付授权和订单确认之间增加欺诈审核步骤。
    ```
  </Step>

  <Step title="确认保存">
    DiagramAI 会自动保存编辑器中的更改。离开编辑器前，等待顶部出现**已保存**状态。

    如果保存失败，请在关闭页面前选择**重试**。
  </Step>

  <Step title="导出">
    使用 diagrams.net 的导出功能，选择编辑器当前提供的格式，检查导出设置并下载文件。
  </Step>
</Steps>

<Info>
  成功的 AI 请求会根据 token 用量消耗 credits；失败的 AI 请求不消耗
  credits。完成消息会显示本次用量和剩余余额。
</Info>

## 下一步

* 了解如何[使用 AI 创建图表](/zh/create-with-ai)。
* 阅读[编辑与导出](/zh/edit-and-export)。
* 在[管理图表](/zh/organize-diagrams)中设置文件夹和使用模板。