# Flowstep: Chinese

## Chinese

### 文档

#### 快速开始

- [什么是 Flowstep?](https://docs.flowstep.ai/zh/introduction.md): Flowstep 是一个 AI 设计工具，可以根据文本提示词生成精致的 UI 屏幕。了解它的功能、适用人群以及你可以用它构建什么。
- [Flowstep 入门：注册并生成设计](https://docs.flowstep.ai/zh/getting-started.md): 创建免费的 Flowstep 账户，从文本提示词生成首个 UI 设计，与团队分享成果——全部在一个会话中完成。
- [如何在没有设计经验的情况下使用 Flowstep](https://docs.flowstep.ai/zh/no-design-skills.md): 您无需设计背景即可使用 Flowstep 创建出色的 UI 屏幕。了解如何描述您想要的内容，让 Flowstep 完成其余工作。

#### 使用 Flowstep

- [使用文本提示词，借助 Flowstep 生成 UI 屏幕](https://docs.flowstep.ai/zh/generating-designs.md): 使用 Flowstep，仅凭一条文本提示词即可一次生成一个屏幕或最多 6 个屏幕，非常适合快速进行 UI 构思和探索完整流程。
- [通过聊天或画布编辑和迭代 Flowstep 设计](https://docs.flowstep.ai/zh/editing-designs.md): 通过手动视觉编辑或基于聊天的提示词精细调整任何 Flowstep 生成的屏幕 — 根据需要迭代多次，直到设计完全满足要求。
- [使用参考资料指导并加速 Flowstep 设计](https://docs.flowstep.ai/zh/design-references.md): 附加 PRD、上传图像或粘贴 URL，为 Flowstep 提供背景上下文，这样您可以更快地进行构想，无需编写冗长的提示词。
- [设置设计准则以保持 Flowstep 生成的每个设计符合品牌形象](https://docs.flowstep.ai/zh/design-guidelines.md): 在 DESIGN.md 格式中定义文件级别的设计准则 — 颜色、排版、间距和约定，指导文件中的每个 AI 生成和编辑。
- [使用主题，让 Flowstep 屏幕的颜色和圆角保持一致](https://docs.flowstep.ai/zh/themes.md): 为每个文件选择或生成主题，单独重新设计屏幕样式，编辑组织的主题，并将颜色和圆角关联到主题令牌，使更改自动应用到所有屏幕。
- [将 Flowstep 设计预览为交互式原型](https://docs.flowstep.ai/zh/prototypes.md): 作为可点击的原型打开任何 Flowstep 文件——Flowstep 会自动链接屏幕，你也可以按元素手动设置或锁定导航。
- [与团队和利益相关者共享 Flowstep 设计](https://docs.flowstep.ai/zh/sharing-designs.md): 为任意 Flowstep 设计生成可共享链接，通过常规访问级别控制谁可以打开文件，并通过电子邮件邀请他人查看或编辑。

#### 团队与组织

- [Flowstep 组织：团队、角色和权限](https://docs.flowstep.ai/zh/organizations.md): 了解 Flowstep 组织如何运作 — Owner、Admin、Member 和 Guest 的功能、文件如何在团队中共享，以及如何加入或切换组织。
- [管理您的组织：人员、角色和设置](https://docs.flowstep.ai/zh/organization-settings.md): 向您的 Flowstep 组织中添加成员、更改角色、管理客人和待处理邀请，以及重命名您的组织——全部通过设置完成。

#### 导出与集成

- [将 Flowstep 设计导出为 JPG 或 PNG 图像文件](https://docs.flowstep.ai/zh/export-formats.md): Flowstep 支持将设计导出为 JPG 或 PNG。了解哪种格式适合您的使用场景，以及如何通过几次点击下载您的屏幕。
- [在 Flowstep 与 Figma 之间移动设计](https://docs.flowstep.ai/zh/figma-integration.md): 使用复制粘贴将任意 Flowstep 框架复制到 Figma，或将 Figma 框架导入 Flowstep 作为可编辑的屏幕。无需切换工具即可在两者之间协作。

#### MCP 服务器

- [Flowstep MCP 服务器](https://docs.flowstep.ai/zh/mcp/overview.md): 通过 MCP 将您的编码代理连接到 Flowstep，从 Claude、Cursor、Codex 或任何兼容 MCP 的客户端，在设计画布上生成、编辑、检查和管理屏幕。
- [MCP 快速开始](https://docs.flowstep.ai/zh/mcp/quickstart.md): 将 Flowstep 连接到您的编码代理，并运行您的第一个工具调用。
- [MCP 身份验证](https://docs.flowstep.ai/zh/mcp/authentication.md): Flowstep MCP 如何对客户端进行身份验证：OAuth 2.1 PKCE 流程与账户创建。
- [MCP 工具参考](https://docs.flowstep.ai/zh/mcp/tools.md): 全部 23 个 Flowstep MCP 工具的输入参数、输出结构和示例。
- [MCP 用量限制](https://docs.flowstep.ai/zh/mcp/usage-limits.md): 哪些 Flowstep MCP 工具会消耗消息、限制如何应用于 MCP 工具调用，以及如何检查剩余配额。
- [MCP 示例](https://docs.flowstep.ai/zh/mcp/examples.md): Flowstep MCP 常见任务的端到端工作流。

##### 客户端

- [Flowstep MCP — Cursor](https://docs.flowstep.ai/zh/mcp/clients/cursor.md): 使用 Streamable HTTP MCP 传输将 Flowstep 连接到 Cursor。
- [Flowstep MCP — Claude Code](https://docs.flowstep.ai/zh/mcp/clients/claude-code.md): 使用 Streamable HTTP MCP 传输将 Flowstep 连接到 Claude Code（CLI）。
- [Flowstep MCP — Windsurf](https://docs.flowstep.ai/zh/mcp/clients/windsurf.md): 使用 Streamable HTTP MCP 传输将 Flowstep 连接到 Windsurf。
- [Flowstep MCP — Codex](https://docs.flowstep.ai/zh/mcp/clients/codex.md): 使用 Streamable HTTP MCP 传输将 Flowstep 连接到 OpenAI Codex。
- [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/zh/mcp/clients/claude-desktop.md): 通过 Claude 的连接器目录，一键将 Flowstep 添加到 Claude Desktop。
- [Flowstep MCP — claude.ai](https://docs.flowstep.ai/zh/mcp/clients/claude-ai.md): 通过 Claude 的连接器目录，一键将 Flowstep 添加到 Claude。

#### 计费与套餐

- [Flowstep 定价：免费试用、免费套餐和付费套餐](https://docs.flowstep.ai/zh/pricing.md): 使用免费试用开始使用 Flowstep，无需信用卡。比较 Free、Starter、Pro 和 Max 套餐，按席位定价，年度计费最高可节省 20%。
- [Flowstep 计费：周期、取消和访问权限](https://docs.flowstep.ai/zh/billing.md): 了解 Flowstep 如何处理月度和年度计费周期、谁可以在组织中管理计费、如何取消订阅以及取消后会发生什么。
- [Flowstep 团队的席位和按席位计费](https://docs.flowstep.ai/zh/seats.md): Flowstep 付费套餐中席位的工作原理：谁使用席位、添加和移除成员如何影响您的账单，以及没有席位的成员会发生什么。
- [Flowstep 消息说明：用量限制与重置](https://docs.flowstep.ai/zh/messages-and-limits.md): 了解在 Flowstep 中什么算作一条消息、每日和每月限制如何运作、团队中限制如何按席位应用，以及达到限制后会发生什么。
- [访问并下载您的 Flowstep 计费发票](https://docs.flowstep.ai/zh/invoices.md): Flowstep 在每个计费周期后自动为所有付费套餐生成发票。您可以随时从账户仪表板下载发票。

#### 安全与隐私

- [Flowstep 如何保护您的账户数据和设计](https://docs.flowstep.ai/zh/security.md): 了解 Flowstep 如何使用传输中加密和存储时加密来保护您的数据，以及在哪里找到 Privacy Policy 中关于安全的完整详情。
- [Flowstep 数据隐私政策和 AI 训练限制](https://docs.flowstep.ai/zh/data-privacy.md): Flowstep 不使用您的个人数据来训练 AI 模型，其 LLM 提供商也不会。了解哪些数据可能被使用以及如何使用。

### 更新日志

- [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.