# Flowstep: Traditional Chinese

## Traditional Chinese

### 文件

#### 快速開始

- [Flowstep 是什麼？](https://docs.flowstep.ai/zh-Hant/introduction.md): Flowstep 是 AI 設計工具，可以從文字提示生成精美的 UI 畫面。了解它的功能、適用人群，以及你可以用它建立什麼。
- [開始使用 Flowstep：註冊並生成設計](https://docs.flowstep.ai/zh-Hant/getting-started.md): 建立免費 Flowstep 帳戶，從文字提示生成你的第一個 UI 設計，並與你的團隊分享 — 一次完成。
- [無需設計經驗即可使用 Flowstep](https://docs.flowstep.ai/zh-Hant/no-design-skills.md): 你無需設計背景即可用 Flowstep 建立出色的 UI 畫面。了解如何描述你想要的內容，並讓 Flowstep 完成其餘的工作。

#### 使用 Flowstep

- [使用文字提示詞，以 Flowstep 產生 UI 畫面](https://docs.flowstep.ai/zh-Hant/generating-designs.md): 使用 Flowstep 從單一文字提示詞一次產生一個或最多 6 個畫面，適合快速發想 UI 與探索完整流程。
- [透過聊天或畫布編輯和迭代 Flowstep 設計](https://docs.flowstep.ai/zh-Hant/editing-designs.md): 透過手動視覺編輯或對話式提示來精煉任何 Flowstep 生成的畫面 — 反覆迭代多次，直到設計完善為止。
- [使用參考資料引導和加速 Flowstep 設計](https://docs.flowstep.ai/zh-Hant/design-references.md): 附加 PRD、上傳圖像或貼上 URL，讓 Flowstep 瞭解背景——這樣您可以更快地進行構思，無需編寫冗長的提示詞。
- [設定設計指南以保持每個 Flowstep 生成的品牌一致性](https://docs.flowstep.ai/zh-Hant/design-guidelines.md): 在 DESIGN.md 格式中定義檔案級設計指南——色彩、排版、間距和慣例，用於指導檔案中的每個 AI 生成和編輯。
- [使用主題，讓 Flowstep 各畫面的色彩與圓角保持一致](https://docs.flowstep.ai/zh-Hant/themes.md): 為每個檔案挑選或產生主題、重新套用單一畫面的樣式、編輯組織的主題，並將色彩與圓角連結到主題權杖，讓變更套用到每個畫面。
- [將 Flowstep 設計預覽為互動原型](https://docs.flowstep.ai/zh-Hant/prototypes.md): 將任何 Flowstep 檔案作為可點擊的原型打開 — Flowstep 會自動連結你的畫面，你可以為每個元素手動設定或鎖定導覽。
- [與團隊和利害關係人分享 Flowstep 設計](https://docs.flowstep.ai/zh-Hant/sharing-designs.md): 為任何 Flowstep 設計產生可分享連結、以一般存取權等級控制誰能開啟檔案，並透過電子郵件邀請他人檢視或編輯。

#### 團隊與組織

- [Flowstep 組織：團隊、角色和權限](https://docs.flowstep.ai/zh-Hant/organizations.md): 了解 Flowstep 中的組織如何運作 — Owner、Admin、Member 和 Guest 可以做什麼、檔案如何在您的團隊中共享，以及如何加入或切換組織。
- [管理您的組織：人員、角色和設定](https://docs.flowstep.ai/zh-Hant/organization-settings.md): 在 Flowstep 組織中新增成員、變更角色、管理來賓和待決邀請，以及重新命名您的組織 — 全部在「設定」中進行。

#### 匯出與整合

- [將 Flowstep 設計下載為 JPG 或 PNG 圖片檔案](https://docs.flowstep.ai/zh-Hant/export-formats.md): Flowstep 支援以 JPG 或 PNG 格式匯出設計。瞭解哪種格式適合您的用途，以及如何在幾個點擊內下載您的畫面。
- [在 Flowstep 與 Figma 之間移動設計](https://docs.flowstep.ai/zh-Hant/figma-integration.md): 使用複製與貼上，將任何 Flowstep 畫面複製到 Figma，或將 Figma 框架匯入 Flowstep，成為可編輯的畫面。無須切換工具，即可在兩者之間工作。

#### MCP 伺服器

- [Flowstep MCP 伺服器](https://docs.flowstep.ai/zh-Hant/mcp/overview.md): 透過 MCP 將你的程式設計代理連接到 Flowstep，從 Claude、Cursor、Codex 或任何相容 MCP 的用戶端，在設計畫布上產生、編輯、檢視與管理畫面。
- [MCP 快速入門](https://docs.flowstep.ai/zh-Hant/mcp/quickstart.md): 將 Flowstep 連接到你的程式設計代理，並執行你的第一次工具呼叫。
- [MCP 驗證](https://docs.flowstep.ai/zh-Hant/mcp/authentication.md): Flowstep MCP 如何驗證用戶端：OAuth 2.1 PKCE 流程與帳號建立。
- [MCP 工具參考](https://docs.flowstep.ai/zh-Hant/mcp/tools.md): 全部 23 個 Flowstep MCP 工具的輸入結構描述、輸出格式與範例。
- [MCP 使用限制](https://docs.flowstep.ai/zh-Hant/mcp/usage-limits.md): 哪些 Flowstep MCP 工具會使用訊息、限制如何套用於 MCP 工具呼叫，以及如何檢查你的剩餘額度。
- [MCP 範例](https://docs.flowstep.ai/zh-Hant/mcp/examples.md): Flowstep MCP 常見任務的端對端工作流程。

##### 用戶端

- [Flowstep MCP — Cursor](https://docs.flowstep.ai/zh-Hant/mcp/clients/cursor.md): 使用 Streamable HTTP MCP 傳輸方式，將 Flowstep 連接到 Cursor。
- [Flowstep MCP — Claude Code](https://docs.flowstep.ai/zh-Hant/mcp/clients/claude-code.md): 使用 Streamable HTTP MCP 傳輸方式，將 Flowstep 連接到 Claude Code（CLI）。
- [Flowstep MCP — Windsurf](https://docs.flowstep.ai/zh-Hant/mcp/clients/windsurf.md): 使用 Streamable HTTP MCP 傳輸方式，將 Flowstep 連接到 Windsurf。
- [Flowstep MCP — Codex](https://docs.flowstep.ai/zh-Hant/mcp/clients/codex.md): 使用 Streamable HTTP MCP 傳輸方式，將 Flowstep 連接到 OpenAI Codex。
- [Flowstep MCP — Claude Desktop](https://docs.flowstep.ai/zh-Hant/mcp/clients/claude-desktop.md): 在 Claude 的連接器目錄中，一鍵將 Flowstep 新增到 Claude Desktop。
- [Flowstep MCP — claude.ai](https://docs.flowstep.ai/zh-Hant/mcp/clients/claude-ai.md): 在 Claude 的連接器目錄中，一鍵將 Flowstep 新增到 Claude。

#### 計費與方案

- [Flowstep 定價：免費試用、免費方案和付費方案](https://docs.flowstep.ai/zh-Hant/pricing.md): 使用免費試用和無需信用卡開始使用 Flowstep。比較 Free、Starter、Pro 和 Max 方案，按席位定價，年度帳單最多節省 20%。
- [Flowstep 帳單：週期、取消和存取](https://docs.flowstep.ai/zh-Hant/billing.md): 瞭解 Flowstep 如何處理每月和年度計費週期、誰可以管理組織中的帳單、如何取消您的訂閱，以及取消後會發生什麼。
- [Flowstep 團隊的席位與按席位計費](https://docs.flowstep.ai/zh-Hant/seats.md): Flowstep 付費方案中席位如何運作：誰使用席位、新增和移除成員如何影響您的帳單，以及沒有席位的成員會發生什麼。
- [Flowstep 訊息說明：使用限制與重設](https://docs.flowstep.ai/zh-Hant/messages-and-limits.md): 了解 Flowstep 中什麼算是一則訊息、每日與每月限制如何運作、團隊中的限制如何依席位套用，以及達到上限時會發生什麼事。
- [存取並下載您的 Flowstep 發票](https://docs.flowstep.ai/zh-Hant/invoices.md): Flowstep 在每個計費週期後自動生成所有付費方案的發票。您可以隨時從帳戶儀表板下載它們。

#### 安全與隱私

- [Flowstep 如何保護您的帳戶資料和設計](https://docs.flowstep.ai/zh-Hant/security.md): 了解 Flowstep 如何使用傳輸和靜止時的加密來保護您的資料，以及在何處可以找到隱私政策中有關安全性的完整詳情。
- [Flowstep 資料隱私政策和 AI 訓練限制](https://docs.flowstep.ai/zh-Hant/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.