{"name":"UXMagic 帮助中心","description":"UXMagic 的官方产品文档 — 一款 AI 界面与体验设计工具，把提示词、截图、草图、网址和 Figma 文件变成可编辑的高保真界面设计与可上线的代码。","url":"https://uxmagic.ai/zh/help","locale":"zh","sourceUrl":"https://uxmagic.ai/help.json","generatedAt":"2026-09-09T07:40:25.234Z","version":1,"categories":[{"id":"getting-started","title":"快速上手","description":"从空白画布到第一个设计好的页面所需的一切 — 以及那几个能让 UXMagic 其余部分讲得通的概念。","url":"https://uxmagic.ai/zh/help/getting-started","articleSlugs":["what-is-uxmagic","create-your-first-project","the-canvas","writing-a-good-prompt","keyboard-shortcuts","account-and-profile"]},{"id":"generate","title":"生成设计","description":"把页面搬上画布的六种方式：提示词、截图、草图、网址、Figma 文件，或一份文档。","url":"https://uxmagic.ai/zh/help/generate","articleSlugs":["ways-to-generate-a-screen","text-to-ui","screenshot-to-ui","sketch-to-ui","clone-a-website","import-from-figma","design-from-a-document","wireframe-mode","flow-mode-and-screen-plans"]},{"id":"design-and-edit","title":"设计与编辑","description":"打磨 AI 的产出：定向编辑、主题、字体排印、图片、版本和响应式变体。","url":"https://uxmagic.ai/zh/help/design-and-edit","articleSlugs":["editing-a-screen","chat-editing","themes-and-style-guides","fonts-and-typography","images-in-your-designs","versions-and-history","responsive-variants","component-libraries"]},{"id":"export-and-handoff","title":"导出与交接","description":"把设计交付出去：Figma、HTML/React/Tailwind、GitHub、Framer、Webflow、WordPress，以及 PDF。","url":"https://uxmagic.ai/zh/help/export-and-handoff","articleSlugs":["export-to-figma","export-code","export-to-framer-and-webflow","wordpress-publish","export-pdf-and-images","export-to-canva"]},{"id":"publish","title":"发布线上网站","description":"把项目变成 uxmagic.io 子域名或你自己域名下的真实网站 — 带预览、回滚和取消发布。","url":"https://uxmagic.ai/zh/help/publish","articleSlugs":["publish-your-first-site","subdomains-and-urls","custom-domains","redeploy-and-rollback"]},{"id":"collaborate","title":"分享与协作","description":"分享项目、邀请协作者、用共享额度管理团队，并通过评论收集反馈。","url":"https://uxmagic.ai/zh/help/collaborate","articleSlugs":["share-a-project","share-a-preview","teams-and-seats","comments-and-feedback","community-and-inspiration"]},{"id":"integrations","title":"集成与开发者","description":"把 UXMagic 接到你的 IDE、仓库、CMS 和 AI 助手上 — MCP 服务器、API 密钥、Figma 插件和 GitHub。","url":"https://uxmagic.ai/zh/help/integrations","articleSlugs":["mcp-server","api-keys","figma-plugin","github-sync","connect-uxmagic-to-ai-assistants"]},{"id":"account-and-billing","title":"方案、额度与账单","description":"每个操作花多少、每个方案包含什么，以及升降级、发票、取消订阅和推荐是怎么运作的。","url":"https://uxmagic.ai/zh/help/account-and-billing","articleSlugs":["how-credits-work","plans-and-limits","upgrade-or-downgrade","billing-and-invoices","refunds","cancel-your-subscription","earn-free-credits","referral-program","delete-your-account"]},{"id":"troubleshooting","title":"问题排查","description":"针对人们真会遇到的问题给出办法：空白页面、样式没生效、图片坏掉、导出失败和卡住的生成。","url":"https://uxmagic.ai/zh/help/troubleshooting","articleSlugs":["i-ran-out-of-credits","blank-or-empty-screens","style-guide-did-not-apply","images-are-broken-or-missing","clone-came-out-blank-or-partial","figma-export-failed","my-changes-reverted","the-ai-is-not-following-my-brief","generation-is-slow-or-stuck","charts-or-animations-not-rendering","contact-support"]}],"articles":[{"slug":"what-is-uxmagic","category":"getting-started","categoryTitle":"快速上手","title":"UXMagic 是什么？","description":"UXMagic 把提示词、截图、草图、网址或 Figma 文件变成可编辑的高保真界面页面，并可导出到 Figma 或代码。","url":"https://uxmagic.ai/zh/help/getting-started/what-is-uxmagic","type":"guide","keywords":["概览","uxmagic 能做什么","AI 界面生成器","简介"],"headings":["它和“会写 HTML 的聊天机器人”差在哪","一次典型工作的样子","适合谁","它不是什么","接下来读什么"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","the-canvas","how-credits-work"],"markdown":"UXMagic 是一款 AI 界面与体验设计工具。你描述想要什么 — 或者直接给它一张截图、一份手绘草图、一个网址，或一个现成的 Figma 文件 — 它就产出**真实、可编辑的界面页面**：像样的布局、连贯的配色与字体体系，以及可以导出到 Figma 或可上线代码的标记。\n\n## 它和“会写 HTML 的聊天机器人”差在哪\n\n三点：\n\n1. **它在画布上设计，不在聊天窗口里。** 页面并排排列在无限画布上，于是一条结账流程是五个能一起看的页面，而不是五段分开的回复。\n2. **它守得住主题。** 颜色、字体、圆角和间距都作为设计令牌存在项目上。你说“改成深色”，所有页面会一起变，而不是某一个页面独自跑偏。\n3. **它导出到真正有用的地方。** 带真实自动布局的 Figma、HTML/React/Tailwind，或发布到你自己域名下的网站 — 而不是一张截图。\n\n## 一次典型工作的样子\n\n你新建项目，输入想要什么，AI 会提出一组页面。你确认或修改这份规划，它就一个接一个地设计，你可以在旁边看着。之后你在对话里迭代（“首屏再高一点”、“用我们品牌的蓝色”），或者点进某个页面直接改文字和图片。\n\n满意之后就导出 — 或者直接发布成线上网站。\n\n## 适合谁\n\n- **创业者和产品经理**：在招到设计师之前，就需要一版拿得出手的界面给用户、投资人或工程师看。\n- **设计师**：希望页面的前 80% 由 AI 生成，把时间花在最后 20% 上。\n- **开发者**：想要一个真实前端，而不必手写五个落地页。\n- **代理商**：需要快速产出客户方案。\n\n## 它不是什么\n\n它不能取代设计工具里像素级的插画工作，也不是代码 IDE。它的作用是让你极快地拿到一个高保真、有结构的起点，然后干净地交接给 Figma、你的仓库，或者网页。\n\n## 接下来读什么\n\n- [创建你的第一个项目](/help/getting-started/create-your-first-project) — 五分钟版本。\n- [额度如何计费](/help/account-and-billing/how-credits-work) — 每个操作的花费，免得被意外扣费。\n- [生成页面的几种方式](/help/generate/ways-to-generate-a-screen) — 全部六个起点。","text":"UXMagic 是一款 AI 界面与体验设计工具。你描述想要什么 — 或者直接给它一张截图、一份手绘草图、一个网址，或一个现成的 Figma 文件 — 它就产出真实、可编辑的界面页面：像样的布局、连贯的配色与字体体系，以及可以导出到 Figma 或可上线代码的标记。 它和“会写 HTML 的聊天机器人”差在哪 三点： 1. 它在画布上设计，不在聊天窗口里。 页面并排排列在无限画布上，于是一条结账流程是五个能一起看的页面，而不是五段分开的回复。 2. 它守得住主题。 颜色、字体、圆角和间距都作为设计令牌存在项目上。你说“改成深色”，所有页面会一起变，而不是某一个页面独自跑偏。 3. 它导出到真正有用的地方。 带真实自动布局的 Figma、HTML/React/Tailwind，或发布到你自己域名下的网站 — 而不是一张截图。 一次典型工作的样子 你新建项目，输入想要什么，AI 会提出一组页面。你确认或修改这份规划，它就一个接一个地设计，你可以在旁边看着。之后你在对话里迭代（“首屏再高一点”、“用我们品牌的蓝色”），或者点进某个页面直接改文字和图片。 满意之后就导出 — 或者直接发布成线上网站。 适合谁 - 创业者和产品经理：在招到设计师之前，就需要一版拿得出手的界面给用户、投资人或工程师看。 - 设计师：希望页面的前 80% 由 AI 生成，把时间花在最后 20% 上。 - 开发者：想要一个真实前端，而不必手写五个落地页。 - 代理商：需要快速产出客户方案。 它不是什么 它不能取代设计工具里像素级的插画工作，也不是代码 IDE。它的作用是让你极快地拿到一个高保真、有结构的起点，然后干净地交接给 Figma、你的仓库，或者网页。 接下来读什么 - 创建你的第一个项目 — 五分钟版本。 - 额度如何计费 — 每个操作的花费，免得被意外扣费。 - 生成页面的几种方式 — 全部六个起点。"},{"slug":"create-your-first-project","category":"getting-started","categoryTitle":"快速上手","title":"创建你的第一个项目","description":"从注册到一个可编辑的成品页面，大约五分钟。","url":"https://uxmagic.ai/zh/help/getting-started/create-your-first-project","type":"howto","keywords":["第一个项目","快速开始","入门","新建项目","开始"],"headings":["1. 登录","2. 新建项目","3. 描述你想要什么","4. 确认规划","5. 看它设计","6. 迭代","7. 交付出去","第一次使用最常见的几个坑"],"updated":"2026-09-03","faqs":[{"question":"开始使用需要信用卡吗？","answer":"不需要。免费方案每天给你 20 额度 — 大约够做 3 个页面 — 无需绑定任何银行卡。"},{"question":"第一个页面要多久？","answer":"单个页面通常一分钟内完成。完整的多页面规划所需时间会按比例增加，因为页面是一个一个设计的。"}],"related":["the-canvas","writing-a-good-prompt","ways-to-generate-a-screen"],"markdown":"这篇文章带你从一个全新账号走到一个可以编辑和导出的页面。\n\n![UXMagic 控制台，提示框中写着“描述您想创建的内容”，下方是推荐的起步想法。](/help/dashboard-prompt.webp)\n\n## 1. 登录\n\n打开 [uxmagic.ai](https://uxmagic.ai)，用 Google 或邮箱注册。无需信用卡 — 免费方案每天给你 20 额度，大约够做 3 个页面，最多 5 个项目。\n\n## 2. 新建项目\n\n在控制台点击**新建项目**。项目是一组共用同一主题的页面的容器 — 一个产品、一个网站、一条流程。把不相关的工作放进不同项目，免得它们的设计系统互相冲撞。\n\n## 3. 描述你想要什么\n\n在提示框里写下你的需求。把**产品**、**页面**和**受众**说清楚：\n\n> 一款面向小型代理商的项目管理 SaaS。我需要一个营销落地页、一个价格页，以及一个显示进行中项目的仪表盘。风格干净现代，深蓝配白色，亲切但专业。\n\n如果你有品牌规范、参考网站或产品需求文档，现在就附上 — 见[生成页面的几种方式](/help/generate/ways-to-generate-a-screen)。\n\n## 4. 确认规划\n\n对于新项目，AI 通常会在动手设计之前先提出一份页面清单。你可以添加页面、重命名、删掉不需要的，然后确认。这一步的成本是特意做低的 — 改规划远比重做五个成品页面划算。\n\n## 5. 看它设计\n\n页面一个一个地设计，完成一个就出现在画布上。这期间你可以继续做别的事。\n\n## 6. 迭代\n\n两种改法：\n\n- **对话** — 用于结构性或主题性的改动：“在首屏下面加一段用户评价”、“整体改成深色”、“换掉行动按钮的文案”。\n- **编辑模式** — 点进页面直接改文字、换图片，不消耗一次生成。\n\n见[编辑页面](/help/design-and-edit/editing-a-screen)。\n\n## 7. 交付出去\n\n满意之后：[导出到 Figma](/help/export-and-handoff/export-to-figma)、[导出代码](/help/export-and-handoff/export-code)，或者[发布成线上网站](/help/publish/publish-your-first-site)。\n\n## 第一次使用最常见的几个坑\n\n- **明明想要一条流程，却一次只让它做一个页面。** 一开始就把整条流程说出来，页面才会共用同一套主题和导航结构。\n- **一个页面一个页面地调主题。** 主题改一次就会作用于整个项目。见[主题与样式指南](/help/design-and-edit/themes-and-style-guides)。\n- **为了一个错别字重新生成。** 用编辑模式。重新生成要花额度，改文字不花。","text":"这篇文章带你从一个全新账号走到一个可以编辑和导出的页面。 1. 登录 打开 uxmagic.ai，用 Google 或邮箱注册。无需信用卡 — 免费方案每天给你 20 额度，大约够做 3 个页面，最多 5 个项目。 2. 新建项目 在控制台点击新建项目。项目是一组共用同一主题的页面的容器 — 一个产品、一个网站、一条流程。把不相关的工作放进不同项目，免得它们的设计系统互相冲撞。 3. 描述你想要什么 在提示框里写下你的需求。把产品、页面和受众说清楚： 一款面向小型代理商的项目管理 SaaS。我需要一个营销落地页、一个价格页，以及一个显示进行中项目的仪表盘。风格干净现代，深蓝配白色，亲切但专业。 如果你有品牌规范、参考网站或产品需求文档，现在就附上 — 见生成页面的几种方式。 4. 确认规划 对于新项目，AI 通常会在动手设计之前先提出一份页面清单。你可以添加页面、重命名、删掉不需要的，然后确认。这一步的成本是特意做低的 — 改规划远比重做五个成品页面划算。 5. 看它设计 页面一个一个地设计，完成一个就出现在画布上。这期间你可以继续做别的事。 6. 迭代 两种改法： - 对话 — 用于结构性或主题性的改动：“在首屏下面加一段用户评价”、“整体改成深色”、“换掉行动按钮的文案”。 - 编辑模式 — 点进页面直接改文字、换图片，不消耗一次生成。 见编辑页面。 7. 交付出去 满意之后：导出到 Figma、导出代码，或者发布成线上网站。 第一次使用最常见的几个坑 - 明明想要一条流程，却一次只让它做一个页面。 一开始就把整条流程说出来，页面才会共用同一套主题和导航结构。 - 一个页面一个页面地调主题。 主题改一次就会作用于整个项目。见主题与样式指南。 - 为了一个错别字重新生成。 用编辑模式。重新生成要花额度，改文字不花。"},{"slug":"the-canvas","category":"getting-started","categoryTitle":"快速上手","title":"画布、项目与页面","description":"项目、页面、版本和无限画布之间是怎么组合起来的。","url":"https://uxmagic.ai/zh/help/getting-started/the-canvas","type":"guide","keywords":["画布","画板","页面","项目结构","缩放","导航"],"headings":["项目","页面","画布","版本","素材与文档","回收站"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","versions-and-history","editing-a-screen"],"markdown":"![画布上的一个 UXMagic 项目：三个生成的引导页面，旁边是列出所执行步骤的智能体对话面板。](/help/canvas.webp)\n\n## 项目\n\n一个**项目**装着页面、主题、上传的素材与文档、对话记录，以及协作者。项目里的一切共用同一套设计系统 — 这正是二十个页面看起来仍像同一个产品的原因。\n\n经验法则：一个产品或一个网站对应一个项目。如果你在做两件不相干的事，就用两个项目 — 否则本来只想改其中一个的主题变更，会把另一个也一起带走。\n\n## 页面\n\n一个**页面**（有时也叫画板）是画布上的一块板。每个页面都有名称、设备尺寸、HTML 内容和版本历史。\n\n页面可以是：\n\n- 由 AI 根据你的提示生成的，\n- 先加一个空的、之后再填内容，\n- 从已有页面复制出来的，\n- 作为另一个页面的响应式变体创建的。\n\n## 画布\n\n画布是无限的，可以缩放。\n\n- **平移** — 空格 + 拖动，或双指滚动。\n- **缩放** — ⌘/Ctrl + 滚动，或用缩放控件。\n- **显示全部页面** — 缩小到能看见项目里的每一个页面。\n- **专注模式** — 把单个页面以全宽打开，便于精细处理。\n\n页面以中心点定位，所以新生成的页面会排成一行落在已有页面旁边，而不是叠在它们上面。\n\n## 版本\n\nAI 对页面的每一次改动都会创建**新版本**，而不是覆盖旧的。你可以向前回溯并还原到其中任意一个。见[版本与历史](/help/design-and-edit/versions-and-history)。\n\n## 素材与文档\n\n每个项目都有一个**素材库**，存放你上传或 AI 生成的图片；还有一个**文档**区，你可以在那里附上产品需求文档、简报或规格，AI 会在设计之前先读它们。见[从文档或简报开始设计](/help/generate/design-from-a-document)。\n\n## 回收站\n\n删除的项目会进入**回收站**，可以从控制台恢复。","text":"项目 一个项目装着页面、主题、上传的素材与文档、对话记录，以及协作者。项目里的一切共用同一套设计系统 — 这正是二十个页面看起来仍像同一个产品的原因。 经验法则：一个产品或一个网站对应一个项目。如果你在做两件不相干的事，就用两个项目 — 否则本来只想改其中一个的主题变更，会把另一个也一起带走。 页面 一个页面（有时也叫画板）是画布上的一块板。每个页面都有名称、设备尺寸、HTML 内容和版本历史。 页面可以是： - 由 AI 根据你的提示生成的， - 先加一个空的、之后再填内容， - 从已有页面复制出来的， - 作为另一个页面的响应式变体创建的。 画布 画布是无限的，可以缩放。 - 平移 — 空格 + 拖动，或双指滚动。 - 缩放 — ⌘/Ctrl + 滚动，或用缩放控件。 - 显示全部页面 — 缩小到能看见项目里的每一个页面。 - 专注模式 — 把单个页面以全宽打开，便于精细处理。 页面以中心点定位，所以新生成的页面会排成一行落在已有页面旁边，而不是叠在它们上面。 版本 AI 对页面的每一次改动都会创建新版本，而不是覆盖旧的。你可以向前回溯并还原到其中任意一个。见版本与历史。 素材与文档 每个项目都有一个素材库，存放你上传或 AI 生成的图片；还有一个文档区，你可以在那里附上产品需求文档、简报或规格，AI 会在设计之前先读它们。见从文档或简报开始设计。 回收站 删除的项目会进入回收站，可以从控制台恢复。"},{"slug":"writing-a-good-prompt","category":"getting-started","categoryTitle":"快速上手","title":"把提示词写到能拿到想要的结果","description":"一条提示词里该包含的五样东西，以及那些注定要出问题的说法。","url":"https://uxmagic.ai/zh/help/getting-started/writing-a-good-prompt","type":"guide","keywords":["提示词","怎么提问","结果更好","输出不理想","怎么描述"],"headings":["把这五样写进去","一条管用的提示词","注定让人失望的说法","该强硬时就强硬","迭代","结果接近但不对时"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen","the-ai-is-not-following-my-brief"],"markdown":"决定输出质量的最大单一因素就是提示词。以下是真正管用的部分。\n\n## 把这五样写进去\n\n1. **产品是什么。** “一个给宠物美容店用的预约工具”能告诉 AI 这个页面上该放什么内容，“一个落地页”则什么都没说。\n2. **你要哪些页面。** 点名说出来。“落地页、价格页、注册页，以及一个空状态的仪表盘。”\n3. **给谁用。** 面向企业的 B2B 和面向消费者的移动端，产出的布局差别极大。\n4. **视觉方向。** 一个品牌色、一种字体感觉、一个参考：“温暖、偏编辑风、留白多、标题用衬线体。”\n5. **不可让步的部分。** 法律文案、指定的行动按钮、必须有的板块、硬性约束。\n\n## 一条管用的提示词\n\n> 一款面向自由职业者的 B2B 开票工具，叫 Ledgerly。请设计一个营销落地页、一个含三档套餐的价格页，以及一个列出近期发票的仪表盘。受众是个人自由职业者，不是企业。视觉方向：沉稳可信，主色用深绿，留白充裕，无衬线字体。落地页导航栏里必须有“免费开始”按钮，并且要有一个关于更快收到款项的板块。\n\n## 注定让人失望的说法\n\n- **“做得更好一点。”** AI 根本不知道你指的是哪个维度。说清楚哪里不对：“首屏太高了，行动按钮不好找。”\n- **“让它更抓眼球。”** 给一个具体方向：提高对比度、放大字号、用更大胆的强调色。\n- **“像 Stripe 那样。”** 更好的做法：把网址贴上来让它克隆，或者描述你具体指的是哪种特质（“Stripe 那种信息密度和渐变处理”）。\n- **一条消息里塞十个改动。** 它们会互相影响。一次两三个才更稳。\n\n## 该强硬时就强硬\n\n如果你有品牌规范并且要求严格遵守，那就用强硬的措辞说出来：“只用这两个颜色：#0F3D2E 和 #F5F1E8。不要引入其他颜色。”否则 AI 会自行判断什么搭配好看。\n\n文案同理：如果文字很重要，就把文字给它。否则你拿到的会是看似合理的占位文案。\n\n## 迭代\n\n对话会保留项目上下文，所以后续指令可以很短：“导航栏固定住”、“第二和第三个板块对调”、“价格卡片需要一个‘最受欢迎’的标签”。不必每次都把需求从头说一遍。\n\n## 结果接近但不对时\n\n不要重新生成 — 那既花额度，又会把原本好的部分一起丢掉。改用：\n\n- 针对某一个板块的定向对话编辑，\n- 用[编辑模式](/help/design-and-edit/editing-a-screen)改文案和图片，\n- 用[主题调整](/help/design-and-edit/themes-and-style-guides)处理任何与颜色或字体有关的问题。","text":"决定输出质量的最大单一因素就是提示词。以下是真正管用的部分。 把这五样写进去 1. 产品是什么。 “一个给宠物美容店用的预约工具”能告诉 AI 这个页面上该放什么内容，“一个落地页”则什么都没说。 2. 你要哪些页面。 点名说出来。“落地页、价格页、注册页，以及一个空状态的仪表盘。” 3. 给谁用。 面向企业的 B2B 和面向消费者的移动端，产出的布局差别极大。 4. 视觉方向。 一个品牌色、一种字体感觉、一个参考：“温暖、偏编辑风、留白多、标题用衬线体。” 5. 不可让步的部分。 法律文案、指定的行动按钮、必须有的板块、硬性约束。 一条管用的提示词 一款面向自由职业者的 B2B 开票工具，叫 Ledgerly。请设计一个营销落地页、一个含三档套餐的价格页，以及一个列出近期发票的仪表盘。受众是个人自由职业者，不是企业。视觉方向：沉稳可信，主色用深绿，留白充裕，无衬线字体。落地页导航栏里必须有“免费开始”按钮，并且要有一个关于更快收到款项的板块。 注定让人失望的说法 - “做得更好一点。” AI 根本不知道你指的是哪个维度。说清楚哪里不对：“首屏太高了，行动按钮不好找。” - “让它更抓眼球。” 给一个具体方向：提高对比度、放大字号、用更大胆的强调色。 - “像 Stripe 那样。” 更好的做法：把网址贴上来让它克隆，或者描述你具体指的是哪种特质（“Stripe 那种信息密度和渐变处理”）。 - 一条消息里塞十个改动。 它们会互相影响。一次两三个才更稳。 该强硬时就强硬 如果你有品牌规范并且要求严格遵守，那就用强硬的措辞说出来：“只用这两个颜色：#0F3D2E 和 #F5F1E8。不要引入其他颜色。”否则 AI 会自行判断什么搭配好看。 文案同理：如果文字很重要，就把文字给它。否则你拿到的会是看似合理的占位文案。 迭代 对话会保留项目上下文，所以后续指令可以很短：“导航栏固定住”、“第二和第三个板块对调”、“价格卡片需要一个‘最受欢迎’的标签”。不必每次都把需求从头说一遍。 结果接近但不对时 不要重新生成 — 那既花额度，又会把原本好的部分一起丢掉。改用： - 针对某一个板块的定向对话编辑， - 用编辑模式改文案和图片， - 用主题调整处理任何与颜色或字体有关的问题。"},{"slug":"keyboard-shortcuts","category":"getting-started","categoryTitle":"快速上手","title":"键盘快捷键","description":"画布、编辑和导航的快捷键。","url":"https://uxmagic.ai/zh/help/getting-started/keyboard-shortcuts","type":"reference","keywords":["快捷键","热键","键盘","撤销","删除"],"headings":["画布","页面","对话"],"updated":"2026-08-27","faqs":[],"related":["the-canvas","editing-a-screen"],"markdown":"## 画布\n\n| 操作 | 快捷键 |\n| --- | --- |\n| 平移 | 空格 + 拖动，或双指滚动 |\n| 放大 / 缩小 | ⌘/Ctrl + 滚动，或 ⌘/Ctrl + \\= / \\- |\n| 显示全部页面 | Shift + 1 |\n| 缩放到 100% | ⌘/Ctrl + 0 |\n\n## 页面\n\n| 操作 | 快捷键 |\n| --- | --- |\n| 复制选中的页面 | ⌘/Ctrl + D |\n| 删除选中的页面 | Delete / Backspace |\n| 撤销 | ⌘/Ctrl + Z |\n| 重做 | ⌘/Ctrl + Shift + Z |\n\n## 对话\n\n| 操作 | 快捷键 |\n| --- | --- |\n| 发送 | Enter |\n| 换行 | Shift + Enter |\n\n> **如果 Delete 或撤销好像没反应：** 先点一下空白画布。光标还在提示框里时，这些键属于文本框，不属于画布。","text":"画布 操作 快捷键 --- --- 平移 空格 + 拖动，或双指滚动 放大 / 缩小 ⌘/Ctrl + 滚动，或 ⌘/Ctrl + \\= / \\- 显示全部页面 Shift + 1 缩放到 100% ⌘/Ctrl + 0 页面 操作 快捷键 --- --- 复制选中的页面 ⌘/Ctrl + D 删除选中的页面 Delete / Backspace 撤销 ⌘/Ctrl + Z 重做 ⌘/Ctrl + Shift + Z 对话 操作 快捷键 --- --- 发送 Enter 换行 Shift + Enter 如果 Delete 或撤销好像没反应： 先点一下空白画布。光标还在提示框里时，这些键属于文本框，不属于画布。"},{"slug":"account-and-profile","category":"getting-started","categoryTitle":"快速上手","title":"你的账号与个人资料","description":"登录方式、修改邮箱或密码，以及账号设置。","url":"https://uxmagic.ai/zh/help/getting-started/account-and-profile","type":"howto","keywords":["账号","个人资料","密码","邮箱","登录","单点登录","sso"],"headings":["登录方式","修改你的资料","修改邮箱","忘记密码","注销账号"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","delete-your-account","teams-and-seats"],"markdown":"## 登录方式\n\nUXMagic 支持：\n\n- **Google** — 一键登录，不用管密码。\n- **邮箱加密码** — 需要邮箱验证。\n- **SSO / SAML** — 仅 Enterprise 方案。\n\n## 修改你的资料\n\n从控制台头像菜单打开**管理账号**。在那里可以更新姓名、头像和密码。\n\n## 修改邮箱\n\n如果你是用邮箱加密码注册的，可以在**管理账号**里改邮箱；新地址需要验证之后才会生效。\n\n如果你是用 Google 注册的，邮箱来自你的 Google 账号。要换成另一个地址，请联系支持团队，我们会帮你迁移项目，免得你最后手上有两个账号。\n\n## 忘记密码\n\n在登录页面点**忘记密码**。如果一直没收到邮件，先看看垃圾邮件，再确认你当初是用密码注册而不是用 Google — Google 账号在 UXMagic 这边没有密码可重置。\n\n## 注销账号\n\n见[注销你的账号](/help/account-and-billing/delete-your-account)。注销是永久性的，会一并删除你的项目。","text":"登录方式 UXMagic 支持： - Google — 一键登录，不用管密码。 - 邮箱加密码 — 需要邮箱验证。 - SSO / SAML — 仅 Enterprise 方案。 修改你的资料 从控制台头像菜单打开管理账号。在那里可以更新姓名、头像和密码。 修改邮箱 如果你是用邮箱加密码注册的，可以在管理账号里改邮箱；新地址需要验证之后才会生效。 如果你是用 Google 注册的，邮箱来自你的 Google 账号。要换成另一个地址，请联系支持团队，我们会帮你迁移项目，免得你最后手上有两个账号。 忘记密码 在登录页面点忘记密码。如果一直没收到邮件，先看看垃圾邮件，再确认你当初是用密码注册而不是用 Google — Google 账号在 UXMagic 这边没有密码可重置。 注销账号 见注销你的账号。注销是永久性的，会一并删除你的项目。"},{"slug":"ways-to-generate-a-screen","category":"generate","categoryTitle":"生成设计","title":"生成页面的所有方式","description":"提示词、截图、草图、网址、Figma 导入，或产品需求文档 — 以及该选哪一种。","url":"https://uxmagic.ai/zh/help/generate/ways-to-generate-a-screen","type":"guide","keywords":["生成","创建页面","输入","起点","选项"],"headings":["两种精细度","一个页面还是整条流程","组合输入"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","screenshot-to-ui","clone-a-website","import-from-figma"],"markdown":"UXMagic 接受六类起点。它们最终都落到同一个地方 — 画布上一个带项目主题、可编辑的页面 — 所以你可以在一个项目里自由混用。\n\n| 从什么开始 | 什么时候最合适 | 指南 |\n| --- | --- | --- |\n| 一段文字提示 | 从零开始，且大致知道自己想要什么 | [文字转界面](/help/generate/text-to-ui) |\n| 一张截图 | 想重建或重新配色一个看得见的界面 | [截图转界面](/help/generate/screenshot-to-ui) |\n| 一张手绘草图 | 已经在白板上画过布局，想把它做实 | [草图转界面](/help/generate/sketch-to-ui) |\n| 一个网址 | 想拿真实网站的结构当起点 | [克隆网站](/help/generate/clone-a-website) |\n| 一个 Figma 文件 | 已经有设计稿，想用 AI 继续迭代 | [从 Figma 导入](/help/generate/import-from-figma) |\n| 一份需求文档或简报 | 需求已经写下来了 | [从文档开始设计](/help/generate/design-from-a-document) |\n\n## 两种精细度\n\n上面任何一种都可以产出**高保真页面**或**线框图**。线框图是为了在有人爱上某个颜色之前，先把结构争论清楚。见[线框模式](/help/generate/wireframe-mode)。\n\n## 一个页面还是整条流程\n\n- **一个页面** — 直接要。\n- **整条流程** — 描述这段旅程，AI 会规划并按顺序设计每个页面，共用一套主题和导航。见[流程模式与页面规划](/help/generate/flow-mode-and-screen-plans)。\n\n## 组合输入\n\n最好的结果通常来自组合：竞品的截图**加上**你的品牌色，或者一份需求文档**加上**一个参考网址。把所有相关材料附在同一条消息里 — AI 会在设计之前把它们全部读完。","text":"UXMagic 接受六类起点。它们最终都落到同一个地方 — 画布上一个带项目主题、可编辑的页面 — 所以你可以在一个项目里自由混用。 从什么开始 什么时候最合适 指南 --- --- --- 一段文字提示 从零开始，且大致知道自己想要什么 文字转界面 一张截图 想重建或重新配色一个看得见的界面 截图转界面 一张手绘草图 已经在白板上画过布局，想把它做实 草图转界面 一个网址 想拿真实网站的结构当起点 克隆网站 一个 Figma 文件 已经有设计稿，想用 AI 继续迭代 从 Figma 导入 一份需求文档或简报 需求已经写下来了 从文档开始设计 两种精细度 上面任何一种都可以产出高保真页面或线框图。线框图是为了在有人爱上某个颜色之前，先把结构争论清楚。见线框模式。 一个页面还是整条流程 - 一个页面 — 直接要。 - 整条流程 — 描述这段旅程，AI 会规划并按顺序设计每个页面，共用一套主题和导航。见流程模式与页面规划。 组合输入 最好的结果通常来自组合：竞品的截图加上你的品牌色，或者一份需求文档加上一个参考网址。把所有相关材料附在同一条消息里 — AI 会在设计之前把它们全部读完。"},{"slug":"text-to-ui","category":"generate","categoryTitle":"生成设计","title":"文字转界面","description":"把一段文字描述变成一个可编辑的高保真页面。","url":"https://uxmagic.ai/zh/help/generate/text-to-ui","type":"howto","keywords":["文字转界面","提示词转设计","AI 界面生成器","描述"],"headings":["步骤","控制产出","花费","结果不到位时"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","flow-mode-and-screen-plans","themes-and-style-guides"],"markdown":"最常走的路径：描述界面，拿到界面。\n\n## 步骤\n\n1. 打开项目，点进提示框。\n2. 描述产品、页面、受众和视觉方向。见[把提示词写到能拿到想要的结果](/help/getting-started/writing-a-good-prompt)。\n3. 发送。对于新项目，通常会先给你一份**页面规划**让你确认。\n4. 页面一个一个地设计，完成一个就出现在画布上。\n\n## 控制产出\n\n**设备尺寸。** 在提示里说明 — “一个移动端结账页面” — 或者在生成前设定页面尺寸。已有页面之后也可以转成别的设备；见[响应式与设备变体](/help/design-and-edit/responsive-variants)。\n\n**品牌。** 如果你有指定的颜色和字体，就明确、强硬地写出来。含糊的说法（“偏蓝一点”）会被自行解读；确切的指令（“主色 #1B4DFF，标题用 Inter，不要其他强调色”）才会被遵守。\n\n**内容。** 如果文案重要，就把真实文案给它。否则你拿到的是措辞得体的占位文案 — 用来看结构没问题，拿去演示就不行了。\n\n**图片。** 设计需要图片的地方，AI 会生成图片。你也可以上传自己的图片并要求使用。见[设计中的图片](/help/design-and-edit/images-in-your-designs)。\n\n## 花费\n\n从零设计一个新页面要花额度；在已有页面上打磨则便宜得多。确切的数字见[额度如何计费](/help/account-and-billing/how-credits-work)。\n\n## 结果不到位时\n\n不要因为局部没做好就重新生成整个页面 — 说清楚哪里不对，让它去修补。重新生成是最贵的操作之一，而且会把原本已经对的部分一起丢掉。","text":"最常走的路径：描述界面，拿到界面。 步骤 1. 打开项目，点进提示框。 2. 描述产品、页面、受众和视觉方向。见把提示词写到能拿到想要的结果。 3. 发送。对于新项目，通常会先给你一份页面规划让你确认。 4. 页面一个一个地设计，完成一个就出现在画布上。 控制产出 设备尺寸。 在提示里说明 — “一个移动端结账页面” — 或者在生成前设定页面尺寸。已有页面之后也可以转成别的设备；见响应式与设备变体。 品牌。 如果你有指定的颜色和字体，就明确、强硬地写出来。含糊的说法（“偏蓝一点”）会被自行解读；确切的指令（“主色 #1B4DFF，标题用 Inter，不要其他强调色”）才会被遵守。 内容。 如果文案重要，就把真实文案给它。否则你拿到的是措辞得体的占位文案 — 用来看结构没问题，拿去演示就不行了。 图片。 设计需要图片的地方，AI 会生成图片。你也可以上传自己的图片并要求使用。见设计中的图片。 花费 从零设计一个新页面要花额度；在已有页面上打磨则便宜得多。确切的数字见额度如何计费。 结果不到位时 不要因为局部没做好就重新生成整个页面 — 说清楚哪里不对，让它去修补。重新生成是最贵的操作之一，而且会把原本已经对的部分一起丢掉。"},{"slug":"screenshot-to-ui","category":"generate","categoryTitle":"生成设计","title":"截图转界面","description":"上传一张截图，得到那个界面的可编辑、可重新配色的版本。","url":"https://uxmagic.ai/zh/help/generate/screenshot-to-ui","type":"howto","keywords":["截图","图片转界面","上传图片","重建","png","jpg"],"headings":["步骤","想要忠实复刻","多张截图","一个已知的坑","花费"],"updated":"2026-08-27","faqs":[{"question":"可以上传哪些图片格式？","answer":"JPEG、PNG 和 WebP。特别大的图片会在 AI 读取前先缩放。"},{"question":"它会一模一样地照抄截图吗？","answer":"布局、层级和组件结构会被忠实还原。如果连颜色和文案也要一模一样，请明确说出来 — 否则会套用项目主题。"}],"related":["sketch-to-ui","clone-a-website","images-in-your-designs"],"markdown":"给 UXMagic 一张界面的图片，它会把它重建成一个真实、可编辑的页面。\n\n## 步骤\n\n1. 点提示框里的附件按钮，上传图片（JPEG、PNG 或 WebP）。\n2. 说清楚你想拿它做什么。这一点比大多数人想的更重要：\n   - *“照这个页面原样重建”* — 忠实复刻。\n   - *“照这个布局重建，但用我们的品牌色”* — 保留结构，套用主题。\n   - *“这是竞品的价格页 — 按同样的结构设计我们的”* — 结构只作参考。\n3. 发送。\n\n## 想要忠实复刻\n\n- 如果要整个布局，就上传**完整页面**，不要截取局部。\n- 上传**看得清的分辨率** — 你自己看不清的标签，AI 也看不清。\n- 如果颜色必须一致，就说*“完全匹配截图里的颜色”*。默认情况下，已有项目的主题优先，因为在多数项目里，人们真正想要的是一致性。\n\n## 多张截图\n\n一次上传多张，用于多页面流程，AI 会把它们当成一组来处理，并保持彼此一致。\n\n## 一个已知的坑\n\n在已有项目里，仅凭一张截图**不会**覆盖项目主题 — 新页面会继承项目里已在使用的配色。如果你要的是参考图的配色，就用文字说出来：*“用这张图的颜色，不要用当前主题。”*\n\n## 花费\n\n读取图片免费；根据它设计页面则按常规的页面创建额度计费。","text":"给 UXMagic 一张界面的图片，它会把它重建成一个真实、可编辑的页面。 步骤 1. 点提示框里的附件按钮，上传图片（JPEG、PNG 或 WebP）。 2. 说清楚你想拿它做什么。这一点比大多数人想的更重要： - “照这个页面原样重建” — 忠实复刻。 - “照这个布局重建，但用我们的品牌色” — 保留结构，套用主题。 - “这是竞品的价格页 — 按同样的结构设计我们的” — 结构只作参考。 3. 发送。 想要忠实复刻 - 如果要整个布局，就上传完整页面，不要截取局部。 - 上传看得清的分辨率 — 你自己看不清的标签，AI 也看不清。 - 如果颜色必须一致，就说“完全匹配截图里的颜色”。默认情况下，已有项目的主题优先，因为在多数项目里，人们真正想要的是一致性。 多张截图 一次上传多张，用于多页面流程，AI 会把它们当成一组来处理，并保持彼此一致。 一个已知的坑 在已有项目里，仅凭一张截图不会覆盖项目主题 — 新页面会继承项目里已在使用的配色。如果你要的是参考图的配色，就用文字说出来：“用这张图的颜色，不要用当前主题。” 花费 读取图片免费；根据它设计页面则按常规的页面创建额度计费。"},{"slug":"sketch-to-ui","category":"generate","categoryTitle":"生成设计","title":"草图转界面","description":"把白板照片或纸上线框图变成一个精致的数字界面。","url":"https://uxmagic.ai/zh/help/generate/sketch-to-ui","type":"howto","keywords":["草图","线框图照片","白板","手绘","纸稿","餐巾纸"],"headings":["步骤","怎样让草图更容易被读懂","也可以草图转线框图"],"updated":"2026-08-27","faqs":[],"related":["screenshot-to-ui","wireframe-mode","text-to-ui"],"markdown":"把草图拍下来、上传，就能得到一个真实页面。\n\n## 步骤\n\n1. 正面拍摄草图，光线均匀，整幅图都在画面里。\n2. 在提示框里上传。\n3. 补上图画本身承载不了的信息：产品是什么、那些方框各代表什么、视觉方向是什么。\n\n> 这是我们引导页的草图。左上角的大方块是视频，堆叠的三个方块是带勾选标记的设置步骤。现代 SaaS 风格，紫色作强调色。\n\n## 怎样让草图更容易被读懂\n\n- **给方框写标注。** “首屏”、“导航”、“图表” — 写上去的标注会被读取并采用。\n- **把层级画出来。** 更大的方框会变成更大的元素。\n- **别涂太重的阴影。** 线稿比涂满阴影的图更容易被稳定识别。\n- **一张照片一个页面**，除非你就是想一次交出一整条流程。\n\n## 也可以草图转线框图\n\n如果你想留在低保真阶段 — 只把草图理顺，先不定视觉风格 — 那就要一份线框图。见[线框模式](/help/generate/wireframe-mode)。","text":"把草图拍下来、上传，就能得到一个真实页面。 步骤 1. 正面拍摄草图，光线均匀，整幅图都在画面里。 2. 在提示框里上传。 3. 补上图画本身承载不了的信息：产品是什么、那些方框各代表什么、视觉方向是什么。 这是我们引导页的草图。左上角的大方块是视频，堆叠的三个方块是带勾选标记的设置步骤。现代 SaaS 风格，紫色作强调色。 怎样让草图更容易被读懂 - 给方框写标注。 “首屏”、“导航”、“图表” — 写上去的标注会被读取并采用。 - 把层级画出来。 更大的方框会变成更大的元素。 - 别涂太重的阴影。 线稿比涂满阴影的图更容易被稳定识别。 - 一张照片一个页面，除非你就是想一次交出一整条流程。 也可以草图转线框图 如果你想留在低保真阶段 — 只把草图理顺，先不定视觉风格 — 那就要一份线框图。见线框模式。"},{"slug":"clone-a-website","category":"generate","categoryTitle":"生成设计","title":"按网址克隆网站","description":"抓取一个真实的公开网页，重建为可编辑的 UXMagic 页面。","url":"https://uxmagic.ai/zh/help/generate/clone-a-website","type":"howto","keywords":["克隆","网址","网站转界面","复制网站","导入网站","抓取"],"headings":["步骤","你会拿到什么","部分克隆","哪些克隆不了","花费"],"updated":"2026-08-27","faqs":[{"question":"任何网站都能克隆吗？","answer":"任何公开页面都可以。登录墙、付费墙或强力机器人防护后面的页面无法抓取。"},{"question":"克隆网站合法吗？","answer":"把它用于研究结构和布局，作为你自己作品的起点。把一个网站的品牌标识、文案和图片整套搬到线上产品里，无论用什么工具做的，都是法律问题。"}],"related":["screenshot-to-ui","clone-came-out-blank-or-partial","import-from-figma"],"markdown":"贴上网址，UXMagic 会抓取这个实时页面 — 真实的布局、区块、配色、字体和图片素材 — 然后把它重建成一个可编辑的页面，并从中提取出配套主题。\n\n## 步骤\n\n1. 把完整网址（含 `https://`）贴进提示框。\n2. 说明你要什么：原样克隆，还是克隆后换成你的品牌风格。\n3. 等待。克隆比普通生成重得多 — 任何设计工作开始之前，它要先加载真实页面。\n\n## 你会拿到什么\n\n- 页面的**区块结构**，顺序不变。\n- 它的**配色和字体**，收进项目主题。\n- 它的**图片**，复制到你项目的素材库。\n- 全部都**可编辑** — 这是一个真实页面，不是截图。\n\n## 部分克隆\n\n特别长或特别复杂的页面，有时会有一部分区块被重建，另一部分以**带标注的占位区块**留在画布上。这是特意的：留下诚实空缺的半个页面，好过一个悄悄少了几块的页面。\n\n要补完它，就让 AI 完成这次克隆。它会重新抓取原页面，只重建缺失的部分，花费只是重新克隆一次的一小部分。见[克隆结果是空白或不完整的](/help/troubleshooting/clone-came-out-blank-or-partial)。\n\n## 哪些克隆不了\n\n- 需要**登录**的页面。\n- **机器人防护**后面的页面（Cloudflare 验证之类）。\n- 只有在**用户操作之后**才存在的内容 — 点击才展开的菜单、弹窗、轮播的后几张。\n- **视频和动画** — 只会抓成一张静态图。\n\n## 花费\n\n克隆是 UXMagic 里单次消耗额度最高的操作，因为它要先用真实浏览器打开目标页面，然后才开始设计。补完一次部分克隆则便宜得多。见[额度如何计费](/help/account-and-billing/how-credits-work)。","text":"贴上网址，UXMagic 会抓取这个实时页面 — 真实的布局、区块、配色、字体和图片素材 — 然后把它重建成一个可编辑的页面，并从中提取出配套主题。 步骤 1. 把完整网址（含 https://）贴进提示框。 2. 说明你要什么：原样克隆，还是克隆后换成你的品牌风格。 3. 等待。克隆比普通生成重得多 — 任何设计工作开始之前，它要先加载真实页面。 你会拿到什么 - 页面的区块结构，顺序不变。 - 它的配色和字体，收进项目主题。 - 它的图片，复制到你项目的素材库。 - 全部都可编辑 — 这是一个真实页面，不是截图。 部分克隆 特别长或特别复杂的页面，有时会有一部分区块被重建，另一部分以带标注的占位区块留在画布上。这是特意的：留下诚实空缺的半个页面，好过一个悄悄少了几块的页面。 要补完它，就让 AI 完成这次克隆。它会重新抓取原页面，只重建缺失的部分，花费只是重新克隆一次的一小部分。见克隆结果是空白或不完整的。 哪些克隆不了 - 需要登录的页面。 - 机器人防护后面的页面（Cloudflare 验证之类）。 - 只有在用户操作之后才存在的内容 — 点击才展开的菜单、弹窗、轮播的后几张。 - 视频和动画 — 只会抓成一张静态图。 花费 克隆是 UXMagic 里单次消耗额度最高的操作，因为它要先用真实浏览器打开目标页面，然后才开始设计。补完一次部分克隆则便宜得多。见额度如何计费。"},{"slug":"import-from-figma","category":"generate","categoryTitle":"生成设计","title":"从 Figma 导入","description":"把已有的 Figma 画板导入 UXMagic，继续用 AI 编辑它。","url":"https://uxmagic.ai/zh/help/generate/import-from-figma","type":"howto","keywords":["figma 导入","figma 转 uxmagic","已有设计稿","figma 文件","设计系统"],"headings":["步骤","哪些内容会过来","该有的预期","把链接取对","导入之后","设计系统与组件库"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","themes-and-style-guides"],"markdown":"导入和导出方向相反：一个已有的 Figma 画板会变成一个可编辑的 UXMagic 页面，之后你可以继续用 AI 迭代。\n\n## 步骤\n\n1. 在**集成**里连接 Figma（OAuth 连接 — 你只需授权 UXMagic 一次）。\n2. 贴上 Figma 画板的链接，或者在选择器里挑出文件和画板。\n3. 决定是把画板自身的样式导入为项目主题，还是把它映射到你已有的主题上。\n4. 导入。\n\n## 哪些内容会过来\n\n- **布局与层级**，包括自动布局结构。\n- **文字**，连同它的文字样式。\n- **颜色与效果**，包括渐变和阴影。\n- **图片**，复制到你项目的素材库。\n- **矢量图形和图标**，重建为标记。\n\n## 该有的预期\n\nFigma 是矢量画布，网页是盒模型，所以导入是一次忠实的*翻译*，而不是逐字节一致的复制。结构和间距会非常接近，文字渲染和那些在网页上没有直接对应的效果会有细微差别。\n\n当 Figma 画板使用了**自动布局**时，导入最准确。绝对定位的自由排版也能导入，但结构还原度会低一些。\n\n## 把链接取对\n\n在 Figma 里选中画板，然后**右键 → Copy link to selection**。没有选中节点的文件链接会导入错误的东西，或者什么都导不进来。\n\n## 导入之后\n\n导入的页面和其他页面一样：可以对话编辑、进编辑模式、调主题、看版本、导出。对于“我们已经有设计稿，但现在想跑得更快”这种情况，这是最快的路径。\n\n## 设计系统与组件库\n\n你也可以导入组件库或设计系统，让生成的页面使用你自己的组件。见[组件库](/help/design-and-edit/component-libraries)。","text":"导入和导出方向相反：一个已有的 Figma 画板会变成一个可编辑的 UXMagic 页面，之后你可以继续用 AI 迭代。 步骤 1. 在集成里连接 Figma（OAuth 连接 — 你只需授权 UXMagic 一次）。 2. 贴上 Figma 画板的链接，或者在选择器里挑出文件和画板。 3. 决定是把画板自身的样式导入为项目主题，还是把它映射到你已有的主题上。 4. 导入。 哪些内容会过来 - 布局与层级，包括自动布局结构。 - 文字，连同它的文字样式。 - 颜色与效果，包括渐变和阴影。 - 图片，复制到你项目的素材库。 - 矢量图形和图标，重建为标记。 该有的预期 Figma 是矢量画布，网页是盒模型，所以导入是一次忠实的翻译，而不是逐字节一致的复制。结构和间距会非常接近，文字渲染和那些在网页上没有直接对应的效果会有细微差别。 当 Figma 画板使用了自动布局时，导入最准确。绝对定位的自由排版也能导入，但结构还原度会低一些。 把链接取对 在 Figma 里选中画板，然后右键 → Copy link to selection。没有选中节点的文件链接会导入错误的东西，或者什么都导不进来。 导入之后 导入的页面和其他页面一样：可以对话编辑、进编辑模式、调主题、看版本、导出。对于“我们已经有设计稿，但现在想跑得更快”这种情况，这是最快的路径。 设计系统与组件库 你也可以导入组件库或设计系统，让生成的页面使用你自己的组件。见组件库。"},{"slug":"design-from-a-document","category":"generate","categoryTitle":"生成设计","title":"从需求文档或简报开始设计","description":"上传需求，让 AI 在动手设计之前先把它读完。","url":"https://uxmagic.ai/zh/help/generate/design-from-a-document","type":"howto","keywords":["需求文档","文档","简报","规格","需求","上传 pdf","docx"],"headings":["步骤","支持哪些文档","怎样用得更好","花费"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","writing-a-good-prompt","text-to-ui"],"markdown":"如果想法已经写在文档里了，就别再敲一遍到提示框。\n\n## 步骤\n\n1. 打开项目，把文档上传到项目的**文档**区（或者直接在提示框里附上）。\n2. 说明你要从中构建什么：\n\n> 读一下这份需求文档，把它描述的页面设计出来。先给规划。\n\n3. AI 会列出项目里的文档，读取相关的那一份，并把它当作页面、内容和术语的依据。\n\n## 支持哪些文档\n\n产品需求文档、设计简报、规格说明，以及类似的文本文档。关键在于文字能被提取出来 — 一份扫描成图的文档是图片，不是文档，应该按图片上传。\n\n## 怎样用得更好\n\n- **在文档里给页面命名。** 带明确页面清单的需求文档，产出的规划远好于只描述行为的文档。\n- **指出你说的是哪一节。** “只设计第 4 节里的页面”，好过让它一次把整份文档都设计出来。\n- **把文档留在项目里。** 它在后续对话中一直可用，几个月后再来跟进时，原始需求仍在手边。\n\n## 花费\n\n列出和读取文档都免费。只有据此设计出的页面才消耗额度。","text":"如果想法已经写在文档里了，就别再敲一遍到提示框。 步骤 1. 打开项目，把文档上传到项目的文档区（或者直接在提示框里附上）。 2. 说明你要从中构建什么： 读一下这份需求文档，把它描述的页面设计出来。先给规划。 3. AI 会列出项目里的文档，读取相关的那一份，并把它当作页面、内容和术语的依据。 支持哪些文档 产品需求文档、设计简报、规格说明，以及类似的文本文档。关键在于文字能被提取出来 — 一份扫描成图的文档是图片，不是文档，应该按图片上传。 怎样用得更好 - 在文档里给页面命名。 带明确页面清单的需求文档，产出的规划远好于只描述行为的文档。 - 指出你说的是哪一节。 “只设计第 4 节里的页面”，好过让它一次把整份文档都设计出来。 - 把文档留在项目里。 它在后续对话中一直可用，几个月后再来跟进时，原始需求仍在手边。 花费 列出和读取文档都免费。只有据此设计出的页面才消耗额度。"},{"slug":"wireframe-mode","category":"generate","categoryTitle":"生成设计","title":"线框模式","description":"生成低保真线框图，在做视觉设计之前先把结构定下来。","url":"https://uxmagic.ai/zh/help/generate/wireframe-mode","type":"guide","keywords":["线框图","低保真","草稿版","结构","灰度"],"headings":["为什么要费这个事","怎么用","从线框图走向高保真","什么时候可以跳过"],"updated":"2026-08-27","faqs":[],"related":["ways-to-generate-a-screen","sketch-to-ui","flow-mode-and-screen-plans"],"markdown":"线框模式产出的是刻意做得朴素的灰度页面：方框、标注和层级，没有品牌、没有配图、也不带任何风格主张。\n\n## 为什么要费这个事\n\n因为一个漂亮的页面会终结讨论。相关方会去评论颜色，而不是流程。线框图能把争论留在结构上 — 在早期，这才是它该待的地方。\n\n## 怎么用\n\n明确地提出来：\n\n> 给结账流程做线框图：购物车、配送、支付、确认。\n\n或者把一张现成的截图转成干净的线框图：\n\n> 把这张截图变成线框图，我们要重排结构。\n\n## 从线框图走向高保真\n\n结构定下来之后，让 AI 把已确认的线框图设计成高保真版本。结构会被继承，主题在其之上套用。\n\n## 什么时候可以跳过\n\n如果你要的是明天就要用的提案概念稿，那就直接做高保真。当好几个人必须先就结构达成一致时，线框图才值回它花的时间。","text":"线框模式产出的是刻意做得朴素的灰度页面：方框、标注和层级，没有品牌、没有配图、也不带任何风格主张。 为什么要费这个事 因为一个漂亮的页面会终结讨论。相关方会去评论颜色，而不是流程。线框图能把争论留在结构上 — 在早期，这才是它该待的地方。 怎么用 明确地提出来： 给结账流程做线框图：购物车、配送、支付、确认。 或者把一张现成的截图转成干净的线框图： 把这张截图变成线框图，我们要重排结构。 从线框图走向高保真 结构定下来之后，让 AI 把已确认的线框图设计成高保真版本。结构会被继承，主题在其之上套用。 什么时候可以跳过 如果你要的是明天就要用的提案概念稿，那就直接做高保真。当好几个人必须先就结构达成一致时，线框图才值回它花的时间。"},{"slug":"flow-mode-and-screen-plans","category":"generate","categoryTitle":"生成设计","title":"流程模式与页面规划","description":"用一条提示词生成完整的多页面旅程，并在设计开始之前先修改规划。","url":"https://uxmagic.ai/zh/help/generate/flow-mode-and-screen-plans","type":"guide","keywords":["流程","多页面","用户流程","规划","旅程","确认规划"],"headings":["页面规划","流程模式","花费","往已有流程里加页面"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","wireframe-mode","how-credits-work"],"markdown":"## 页面规划\n\n对于新项目，AI 会在设计任何东西之前先提出一份**规划** — 一份有名字的页面清单，每个页面配一句用途说明。你可以：\n\n- 原样**确认**，\n- **修改**它：重命名、调顺序、增加或删除页面，\n- **驳回**它，重新描述你想要什么。\n\n只有确认之后，它才开始设计。\n\n请认真对待这一步。规划很便宜，设计不便宜。在这里改一份错的页面清单，成本是一个来回；等八个页面都设计完了再改，成本是八次重新生成。\n\n## 流程模式\n\n流程模式会一次性设计整段旅程，页面之间共用主题和导航结构。描述的是旅程，而不是页面：\n\n> 一个外卖 App：浏览餐厅、餐厅详情、购物车、结账、订单追踪。\n\n页面一个一个地设计，完成一个就出现在画布上，所以整轮还没跑完你就可以开始审阅了。\n\n## 花费\n\n流程模式和其他多页面操作按**页面数**计费，所以五个页面的流程要花五倍于单个页面的额度。确切数字见[额度如何计费](/help/account-and-billing/how-credits-work)。启动大流程之前先看一眼余额 — 跑到一半停下来，你手上就只有半条流程。\n\n## 往已有流程里加页面\n\n你不必一开始就把所有东西都规划好。之后再要更多页面，它们会按已有的主题和导航来设计：\n\n> 加一个“忘记密码”页面，再加一个订单列表的空状态。","text":"页面规划 对于新项目，AI 会在设计任何东西之前先提出一份规划 — 一份有名字的页面清单，每个页面配一句用途说明。你可以： - 原样确认， - 修改它：重命名、调顺序、增加或删除页面， - 驳回它，重新描述你想要什么。 只有确认之后，它才开始设计。 请认真对待这一步。规划很便宜，设计不便宜。在这里改一份错的页面清单，成本是一个来回；等八个页面都设计完了再改，成本是八次重新生成。 流程模式 流程模式会一次性设计整段旅程，页面之间共用主题和导航结构。描述的是旅程，而不是页面： 一个外卖 App：浏览餐厅、餐厅详情、购物车、结账、订单追踪。 页面一个一个地设计，完成一个就出现在画布上，所以整轮还没跑完你就可以开始审阅了。 花费 流程模式和其他多页面操作按页面数计费，所以五个页面的流程要花五倍于单个页面的额度。确切数字见额度如何计费。启动大流程之前先看一眼余额 — 跑到一半停下来，你手上就只有半条流程。 往已有流程里加页面 你不必一开始就把所有东西都规划好。之后再要更多页面，它们会按已有的主题和导航来设计： 加一个“忘记密码”页面，再加一个订单列表的空状态。"},{"slug":"editing-a-screen","category":"design-and-edit","categoryTitle":"设计与编辑","title":"编辑页面","description":"改动设计的三种方式 — 对话、编辑模式和主题 — 以及各自适合什么时候用。","url":"https://uxmagic.ai/zh/help/design-and-edit/editing-a-screen","type":"guide","keywords":["编辑","改设计","编辑模式","修改","微调","更新"],"headings":["1. 编辑模式 — 用来改内容","2. 对话 — 用来改结构","3. 主题 — 用来改全局视觉","别这么做","版本","键盘焦点的坑"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","themes-and-style-guides","versions-and-history"],"markdown":"改一个页面有三种方式，选对了既省时间又省额度。\n\n## 1. 编辑模式 — 用来改内容\n\n点进页面即可进入编辑模式。在这里你可以：\n\n- **直接改文字。** 点标题或段落，然后输入。\n- **换图片。** 用你上传的图片替换生成的图片。\n- **调整选中元素的简单属性**。\n\n编辑模式不调用 AI，所以是即时的，而且免费。文案、名称、价格和换图都用它。\n\n## 2. 对话 — 用来改结构\n\n任何改变页面*形态*的事都走对话：\n\n> 在功能区和价格区之间加一段用户评价。\n> 首屏矮一点，把行动按钮挪到首屏可见范围内。\n> 把三个功能块改成两栏布局。\n\n定向的对话编辑比重新生成一个页面便宜得多。见[用对话编辑](/help/design-and-edit/chat-editing)。\n\n## 3. 主题 — 用来改全局视觉\n\n颜色、字体、圆角和间距都存在项目主题里。在那里改，所有页面会一起变。而在单个页面上改颜色，正是项目最后变得东一块西一块的原因。见[主题与样式指南](/help/design-and-edit/themes-and-style-guides)。\n\n## 别这么做\n\n**别为一点小改动就重新生成。** 重新生成是最贵的操作之一，而且会把页面上原本已经对的部分一起丢掉。直接说出那一处具体改动就好。\n\n## 版本\n\nAI 的每一次编辑都会创建新版本。什么都不会被销毁，你随时可以退回去。见[版本与历史](/help/design-and-edit/versions-and-history)。\n\n## 键盘焦点的坑\n\n如果 Delete 或 ⌘Z 好像没反应，先点一下空白画布。光标还在提示框里时，那些按键属于文本框。","text":"改一个页面有三种方式，选对了既省时间又省额度。 1. 编辑模式 — 用来改内容 点进页面即可进入编辑模式。在这里你可以： - 直接改文字。 点标题或段落，然后输入。 - 换图片。 用你上传的图片替换生成的图片。 - 调整选中元素的简单属性。 编辑模式不调用 AI，所以是即时的，而且免费。文案、名称、价格和换图都用它。 2. 对话 — 用来改结构 任何改变页面形态的事都走对话： 在功能区和价格区之间加一段用户评价。 首屏矮一点，把行动按钮挪到首屏可见范围内。 把三个功能块改成两栏布局。 定向的对话编辑比重新生成一个页面便宜得多。见用对话编辑。 3. 主题 — 用来改全局视觉 颜色、字体、圆角和间距都存在项目主题里。在那里改，所有页面会一起变。而在单个页面上改颜色，正是项目最后变得东一块西一块的原因。见主题与样式指南。 别这么做 别为一点小改动就重新生成。 重新生成是最贵的操作之一，而且会把页面上原本已经对的部分一起丢掉。直接说出那一处具体改动就好。 版本 AI 的每一次编辑都会创建新版本。什么都不会被销毁，你随时可以退回去。见版本与历史。 键盘焦点的坑 如果 Delete 或 ⌘Z 好像没反应，先点一下空白画布。光标还在提示框里时，那些按键属于文本框。"},{"slug":"chat-editing","category":"design-and-edit","categoryTitle":"设计与编辑","title":"用对话编辑","description":"怎样措辞才能让 AI 改出你想要的那处改动，并且改在你想改的页面上。","url":"https://uxmagic.ai/zh/help/design-and-edit/chat-editing","type":"guide","keywords":["对话","AI 编辑","下指令","问 AI","打磨","迭代"],"headings":["说清楚是哪个页面","说哪里不对，而不是说它不对","一次改两三处","让改动作用到所有页面","在所有页面上替换一张图","换配色","当它做了你没要求的事","它会反问"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","writing-a-good-prompt","the-ai-is-not-following-my-brief"],"markdown":"![智能体对话面板，列出它执行的每一步：分析请求、读取主题、规划页面，然后逐个设计。](/help/agent-chat.webp)\n\n## 说清楚是哪个页面\n\n如果画布上有好几个页面，点名说出你指的那个，或者先把它选中：\n\n> 在价格页上，把中间那档设为主推档。\n\n没有明确目标时，AI 只能猜，而它有时会猜成你最后看过的那个页面，而不是你真正想改的那个。\n\n## 说哪里不对，而不是说它不对\n\n- ❌ “首屏做得不好。”\n- ✅ “首屏太高了，主标题和副标题在互相抢戏。竖向内边距减半，副标题小一号。”\n\n## 一次改两三处\n\n长长的清单会以难以预料的方式互相影响，而且其中一项做砸了，你也说不清是哪条指令导致的。小批量整体反而更快。\n\n## 让改动作用到所有页面\n\n明确说出来：\n\n> 在**每一个**页面上，把导航栏的行动按钮改成“免费开始”。\n\n项目级操作就是为这种情况准备的。一个页面一个页面地改既费额度，最终也会走样。\n\n## 在所有页面上替换一张图\n\n在所有页面上换 Logo 或产品图有专门的、结果确定的路径 — 请要求“在所有地方替换这个素材”，而不是逐个页面地改：\n\n> 把所有页面上的 Logo 换成我刚上传的那个。\n\n见[设计中的图片](/help/design-and-edit/images-in-your-designs)。\n\n## 换配色\n\n颜色改动应当走主题，而不是逐个元素改样式类：\n\n> 把主色换成偏暖一点的蓝。\n\n这是一次操作，免费，而且会让所有页面一致地变化。见[主题与样式指南](/help/design-and-edit/themes-and-style-guides)。\n\n## 当它做了你没要求的事\n\n平实而具体地指出来：*“你把配色改了 — 我只让你改按钮。把之前的颜色改回去。”* 如果在同一个需求上反复发生，就把约束写成绝对语气（“不要改动任何颜色”）— 并见[AI 不按我的要求做](/help/troubleshooting/the-ai-is-not-following-my-brief)。\n\n## 它会反问\n\n遇到它自己无法消解的真正歧义时，AI 偶尔会在动手前问你一个选择题。回答一下，比让它按错误假设做出五个页面便宜得多。","text":"说清楚是哪个页面 如果画布上有好几个页面，点名说出你指的那个，或者先把它选中： 在价格页上，把中间那档设为主推档。 没有明确目标时，AI 只能猜，而它有时会猜成你最后看过的那个页面，而不是你真正想改的那个。 说哪里不对，而不是说它不对 - ❌ “首屏做得不好。” - ✅ “首屏太高了，主标题和副标题在互相抢戏。竖向内边距减半，副标题小一号。” 一次改两三处 长长的清单会以难以预料的方式互相影响，而且其中一项做砸了，你也说不清是哪条指令导致的。小批量整体反而更快。 让改动作用到所有页面 明确说出来： 在每一个页面上，把导航栏的行动按钮改成“免费开始”。 项目级操作就是为这种情况准备的。一个页面一个页面地改既费额度，最终也会走样。 在所有页面上替换一张图 在所有页面上换 Logo 或产品图有专门的、结果确定的路径 — 请要求“在所有地方替换这个素材”，而不是逐个页面地改： 把所有页面上的 Logo 换成我刚上传的那个。 见设计中的图片。 换配色 颜色改动应当走主题，而不是逐个元素改样式类： 把主色换成偏暖一点的蓝。 这是一次操作，免费，而且会让所有页面一致地变化。见主题与样式指南。 当它做了你没要求的事 平实而具体地指出来：“你把配色改了 — 我只让你改按钮。把之前的颜色改回去。” 如果在同一个需求上反复发生，就把约束写成绝对语气（“不要改动任何颜色”）— 并见AI 不按我的要求做。 它会反问 遇到它自己无法消解的真正歧义时，AI 偶尔会在动手前问你一个选择题。回答一下，比让它按错误假设做出五个页面便宜得多。"},{"slug":"themes-and-style-guides","category":"design-and-edit","categoryTitle":"设计与编辑","title":"主题与样式指南","description":"项目主题是怎么运作的、怎样安全地改它，以及为什么颜色绝不该一个页面一个页面地改。","url":"https://uxmagic.ai/zh/help/design-and-edit/themes-and-style-guides","type":"guide","keywords":["主题","样式指南","颜色","配色","品牌","深色模式","调色板","设计令牌"],"headings":["改几个颜色","换一整套观感","限定改动范围","对比度是强制的","生成样式指南","常见错误"],"updated":"2026-08-27","faqs":[{"question":"改主题要花额度吗？","answer":"不花。创建或更新主题是免费的。只有生成页面本身才消耗额度。"},{"question":"能让某一个页面用不同的主题吗？","answer":"可以 — 要求把改动限定在那个页面上。默认情况下，主题改动作用于整个项目，这通常也正是你想要的。"}],"related":["fonts-and-typography","editing-a-screen","style-guide-did-not-apply"],"markdown":"每个项目都有一个**主题**：一组关于颜色、字体、圆角和间距的设计令牌。页面引用的是这些令牌，而不是写死的数值 — 这正是二十个页面看起来仍像同一个产品的原因。\n\n## 改几个颜色\n\n直接说：\n\n> 把主色改成 #1B4DFF。\n> 背景太冷了 — 调暖一点。\n\n这会把一处小改动合并进现有主题，其余原样不动。免费，而且一次性作用于所有地方。\n\n## 换一整套观感\n\n如果是整体性的改动 — 改版、切换深色、换新品牌 — 那就明确这么说：\n\n> 把整个项目改成深色主题。\n> 按我们的新品牌重做：主色深绿，米色背景，标题用衬线体。\n\n这会构建一整套新的令牌，而不是在旧的上面打补丁。\n\n## 限定改动范围\n\n默认情况下，主题改动是**项目级**的。要限定在单个页面上，就说出来：\n\n> 只在落地页上，把页头背景改成黑色。\n\n## 对比度是强制的\n\n主题在应用之前会校验配色搭配是否可读，所以你不至于得到深色背景上的深色文字。如果你就是要做低对比度的处理，说清楚 — 但要预料到系统会往易读的方向拉一把。\n\n## 生成样式指南\n\n要一份样式指南，你会得到一个渲染出来的页面，展示调色板、字号阶梯和核心组件 — 既可以作为交接物，也可以用来检查这套体系是否自洽。\n\n## 常见错误\n\n- **在单个页面上改颜色。** 当下是好使的，然后下一个生成的页面就对不上了。请用主题。\n- **在某个元素的编辑模式里要求“深色模式”。** 那条路径可能把颜色写死在元素上，而不是重新调整主题。请在对话里、以项目级别提出。\n- **以为主题工具报告成功就等于渲染出来了。** 看画布。如果页面没动，见[我的样式指南没生效](/help/troubleshooting/style-guide-did-not-apply)。","text":"每个项目都有一个主题：一组关于颜色、字体、圆角和间距的设计令牌。页面引用的是这些令牌，而不是写死的数值 — 这正是二十个页面看起来仍像同一个产品的原因。 改几个颜色 直接说： 把主色改成 #1B4DFF。 背景太冷了 — 调暖一点。 这会把一处小改动合并进现有主题，其余原样不动。免费，而且一次性作用于所有地方。 换一整套观感 如果是整体性的改动 — 改版、切换深色、换新品牌 — 那就明确这么说： 把整个项目改成深色主题。 按我们的新品牌重做：主色深绿，米色背景，标题用衬线体。 这会构建一整套新的令牌，而不是在旧的上面打补丁。 限定改动范围 默认情况下，主题改动是项目级的。要限定在单个页面上，就说出来： 只在落地页上，把页头背景改成黑色。 对比度是强制的 主题在应用之前会校验配色搭配是否可读，所以你不至于得到深色背景上的深色文字。如果你就是要做低对比度的处理，说清楚 — 但要预料到系统会往易读的方向拉一把。 生成样式指南 要一份样式指南，你会得到一个渲染出来的页面，展示调色板、字号阶梯和核心组件 — 既可以作为交接物，也可以用来检查这套体系是否自洽。 常见错误 - 在单个页面上改颜色。 当下是好使的，然后下一个生成的页面就对不上了。请用主题。 - 在某个元素的编辑模式里要求“深色模式”。 那条路径可能把颜色写死在元素上，而不是重新调整主题。请在对话里、以项目级别提出。 - 以为主题工具报告成功就等于渲染出来了。 看画布。如果页面没动，见我的样式指南没生效。"},{"slug":"fonts-and-typography","category":"design-and-edit","categoryTitle":"设计与编辑","title":"字体与排印","description":"选字体、使用 Google Fonts，以及字体改了却没生效时怎么办。","url":"https://uxmagic.ai/zh/help/design-and-edit/fonts-and-typography","type":"howto","keywords":["字体","排印","字型","google fonts","标题字体","字号"],"headings":["设置字体","字号阶梯","如果字体改动没有出现","自有字体和商业授权字体"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","style-guide-did-not-apply"],"markdown":"## 设置字体\n\n字体是主题的一部分。按名字要：\n\n> 正文用 Inter，标题用 Playfair Display。\n\nGoogle Fonts 支持按名字指定。如果你说的字体不可用，你会拿到一个最接近的合理替代，而不是一个坏掉的页面 — 所以如果精确性很重要，请确认实际生效的是哪一个。\n\n## 字号阶梯\n\n你可以用文字来指挥这套阶梯：\n\n> 标题大一号，行高收紧一点。\n> 正文太小了 — 提到 17px。\n\n## 如果字体改动没有出现\n\n这是一类值得特意检查的已知问题：主题可能更新了，但加载字体的样式表没有刷新。症状是：设计*声称*用的是某个字体，而它显然没有渲染出来。\n\n1. 重新加载项目。\n2. 在对话里重新应用一次字体改动，然后看画布，而不是看工具返回结果。\n3. 如果还是渲染不出来，带上项目链接和字体名[联系支持](/help/troubleshooting/contact-support)。\n\n## 自有字体和商业授权字体\n\n目前还不能直接上传自托管字体和商业授权字体。可行的办法是：设计阶段先选一个最接近的 Google Font，导出之后再换成你有授权的那一款 — 在 Figma 里、在你的代码库里，或者在已发布网站的 CSS 里换。","text":"设置字体 字体是主题的一部分。按名字要： 正文用 Inter，标题用 Playfair Display。 Google Fonts 支持按名字指定。如果你说的字体不可用，你会拿到一个最接近的合理替代，而不是一个坏掉的页面 — 所以如果精确性很重要，请确认实际生效的是哪一个。 字号阶梯 你可以用文字来指挥这套阶梯： 标题大一号，行高收紧一点。 正文太小了 — 提到 17px。 如果字体改动没有出现 这是一类值得特意检查的已知问题：主题可能更新了，但加载字体的样式表没有刷新。症状是：设计声称用的是某个字体，而它显然没有渲染出来。 1. 重新加载项目。 2. 在对话里重新应用一次字体改动，然后看画布，而不是看工具返回结果。 3. 如果还是渲染不出来，带上项目链接和字体名联系支持。 自有字体和商业授权字体 目前还不能直接上传自托管字体和商业授权字体。可行的办法是：设计阶段先选一个最接近的 Google Font，导出之后再换成你有授权的那一款 — 在 Figma 里、在你的代码库里，或者在已发布网站的 CSS 里换。"},{"slug":"images-in-your-designs","category":"design-and-edit","categoryTitle":"设计与编辑","title":"设计中的图片","description":"生成图片、原地编辑图片、上传自己的图片，以及在所有页面上替换一个素材。","url":"https://uxmagic.ai/zh/help/design-and-edit/images-in-your-designs","type":"guide","keywords":["图片","生成图片","AI 图像","上传","Logo","替换图片","照片"],"headings":["生成的图片","编辑现有图片","上传你自己的图片","在所有地方替换一个素材","宽高比","图片坏掉或一直在加载"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","editing-a-screen","images-are-broken-or-missing"],"markdown":"![素材页面，存放项目反复用到的图片和 Logo。](/help/assets.webp)\n\n## 生成的图片\n\n设计需要配图时，AI 会生成图片。你可以指挥它：\n\n> 重新生成首屏图片：阳光洒进来的开放式办公室，广角，暖色调，没有人物。\n\n把主体、场景、构图、光线和氛围都说出来。光给一个名词（“一台笔记本电脑”）只会得到干巴巴的结果。\n\n图片生成按张计费，只是一个页面成本的一小部分。见[额度如何计费](/help/account-and-billing/how-credits-work)。\n\n## 编辑现有图片\n\n你可以**原地**修改一张图片，其余部分保持逐像素一致：\n\n> 把首屏图片里招牌上的文字改成“Ledgerly”。\n> 把这张插画重新配色，配合新主题。\n\n要改图里的文字、重新配色、换风格，或者增删某一个元素，这才是对的工具。从零重新生成会把其他一切也改掉。\n\n## 上传你自己的图片\n\n从提示框或项目素材库上传，然后引用它：\n\n> 把我刚上传的那张照片用作落地页的首屏图。\n\n## 在所有地方替换一个素材\n\n要在整个项目里换掉 Logo 或产品图，就明确这么说：\n\n> 把每个页面上的旧 Logo 都换成新的。\n\n这会作为一次跨所有页面的确定性操作执行，而不是逐页编辑 — 这也是唯一能确保你没漏掉某一个的可靠办法。\n\n## 宽高比\n\n如果这很重要就说出来 — “16:9 首屏图”、“方形头像”。否则你可能拿到一个塞不进那个位置的形状。\n\n## 图片坏掉或一直在加载\n\n见[图片损坏或缺失](/help/troubleshooting/images-are-broken-or-missing)。","text":"生成的图片 设计需要配图时，AI 会生成图片。你可以指挥它： 重新生成首屏图片：阳光洒进来的开放式办公室，广角，暖色调，没有人物。 把主体、场景、构图、光线和氛围都说出来。光给一个名词（“一台笔记本电脑”）只会得到干巴巴的结果。 图片生成按张计费，只是一个页面成本的一小部分。见额度如何计费。 编辑现有图片 你可以原地修改一张图片，其余部分保持逐像素一致： 把首屏图片里招牌上的文字改成“Ledgerly”。 把这张插画重新配色，配合新主题。 要改图里的文字、重新配色、换风格，或者增删某一个元素，这才是对的工具。从零重新生成会把其他一切也改掉。 上传你自己的图片 从提示框或项目素材库上传，然后引用它： 把我刚上传的那张照片用作落地页的首屏图。 在所有地方替换一个素材 要在整个项目里换掉 Logo 或产品图，就明确这么说： 把每个页面上的旧 Logo 都换成新的。 这会作为一次跨所有页面的确定性操作执行，而不是逐页编辑 — 这也是唯一能确保你没漏掉某一个的可靠办法。 宽高比 如果这很重要就说出来 — “16:9 首屏图”、“方形头像”。否则你可能拿到一个塞不进那个位置的形状。 图片坏掉或一直在加载 见图片损坏或缺失。"},{"slug":"versions-and-history","category":"design-and-edit","categoryTitle":"设计与编辑","title":"版本与历史","description":"AI 的每一次改动都会生成新版本。怎样比较、还原和保留多个方案。","url":"https://uxmagic.ai/zh/help/design-and-edit/versions-and-history","type":"guide","keywords":["版本","历史","撤销","还原","回退","上一个","回滚"],"headings":["版本机制","切换版本","多方案并存","撤销和版本的区别","如果某个改动好像消失了","或者复制一份"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","my-changes-reverted"],"markdown":"## 版本机制\n\nAI 对页面的每一次改动都会创建**新版本**，而不是覆盖上一个。画布上的页面显示的是当前生效的版本；更早的版本依然在。\n\n这意味着你可以放心试。某个方向不行，就退回上一个版本。\n\n## 切换版本\n\n打开某个页面的版本列表，选一个版本，画布就会更新。切换是即时的，而且免费。\n\n## 多方案并存\n\n版本也可以当方案用：让它对同一个页面做两种处理，两个都留着，评审时来回切换。\n\n## 撤销和版本的区别\n\n- **⌘Z / Ctrl+Z** — 撤销的是画布操作（移动、删除、直接编辑）。\n- **版本** — 在 AI 生成的各个页面状态之间回退。\n\n这是两套独立的机制。撤销不会带你退回 AI 的一次次生成。\n\n## 如果某个改动好像消失了\n\n如果你选定的版本在点开别处之后又跳回去了，那是 bug 而不是特性 — 见[我的改动被回退或消失了](/help/troubleshooting/my-changes-reverted)。\n\n## 或者复制一份\n\n如果你想探索某个方向又不想动到原稿，先把页面复制一份，在副本上试。","text":"版本机制 AI 对页面的每一次改动都会创建新版本，而不是覆盖上一个。画布上的页面显示的是当前生效的版本；更早的版本依然在。 这意味着你可以放心试。某个方向不行，就退回上一个版本。 切换版本 打开某个页面的版本列表，选一个版本，画布就会更新。切换是即时的，而且免费。 多方案并存 版本也可以当方案用：让它对同一个页面做两种处理，两个都留着，评审时来回切换。 撤销和版本的区别 - ⌘Z / Ctrl+Z — 撤销的是画布操作（移动、删除、直接编辑）。 - 版本 — 在 AI 生成的各个页面状态之间回退。 这是两套独立的机制。撤销不会带你退回 AI 的一次次生成。 如果某个改动好像消失了 如果你选定的版本在点开别处之后又跳回去了，那是 bug 而不是特性 — 见我的改动被回退或消失了。 或者复制一份 如果你想探索某个方向又不想动到原稿，先把页面复制一份，在副本上试。"},{"slug":"responsive-variants","category":"design-and-edit","categoryTitle":"设计与编辑","title":"响应式与设备变体","description":"创建页面的移动端和桌面端版本，并让它们保持同步。","url":"https://uxmagic.ai/zh/help/design-and-edit/responsive-variants","type":"howto","keywords":["响应式","移动端","桌面端","平板","设备","断点","移动版"],"headings":["创建变体","花费","让变体保持同步","主题是共享的","导出的代码"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","themes-and-style-guides","export-code"],"markdown":"## 创建变体\n\n直接要，或者用页面上的设备控件：\n\n> 做一个落地页的移动端版本。\n\n变体是画布上的**一个新页面**，按目标宽度重新适配 — 不是流式缩放。布局是真的被重排了：多栏区块会堆叠起来，导航会收起，字号会缩小。\n\n## 花费\n\n把页面转成另一种设备尺寸，按页面计费，费率与重新生成相同 — 因为它就是一次重新生成。转八个页面就是八倍，先看一眼余额比较稳妥。\n\n## 让变体保持同步\n\n变体是各自独立的页面，所以之后对桌面版的改动不会自动流到移动版。两个办法：\n\n- 明确要求两边都改：*“桌面版和移动版落地页都把行动按钮改成‘免费开始’。”*\n- 或者先把桌面版设计定稿，最后再一次性生成各个变体。这通常是更省的顺序。\n\n## 主题是共享的\n\n两个变体都使用项目主题，所以颜色和字体的改动会自动作用于两者。只有布局是各变体独立的。\n\n## 导出的代码\n\n导出的代码对应的是你导出的那个页面。如果你需要的是一份真正响应式的实现，而不是两套固定布局，那就导出桌面版再自行适配，或者两个都导出、在断点处合并 — 见[导出代码](/help/export-and-handoff/export-code)。","text":"创建变体 直接要，或者用页面上的设备控件： 做一个落地页的移动端版本。 变体是画布上的一个新页面，按目标宽度重新适配 — 不是流式缩放。布局是真的被重排了：多栏区块会堆叠起来，导航会收起，字号会缩小。 花费 把页面转成另一种设备尺寸，按页面计费，费率与重新生成相同 — 因为它就是一次重新生成。转八个页面就是八倍，先看一眼余额比较稳妥。 让变体保持同步 变体是各自独立的页面，所以之后对桌面版的改动不会自动流到移动版。两个办法： - 明确要求两边都改：“桌面版和移动版落地页都把行动按钮改成‘免费开始’。” - 或者先把桌面版设计定稿，最后再一次性生成各个变体。这通常是更省的顺序。 主题是共享的 两个变体都使用项目主题，所以颜色和字体的改动会自动作用于两者。只有布局是各变体独立的。 导出的代码 导出的代码对应的是你导出的那个页面。如果你需要的是一份真正响应式的实现，而不是两套固定布局，那就导出桌面版再自行适配，或者两个都导出、在断点处合并 — 见导出代码。"},{"slug":"component-libraries","category":"design-and-edit","categoryTitle":"设计与编辑","title":"组件库与设计系统","description":"使用内置的 Figma 和 React 组件库，或者把你自己的组件带进项目。","url":"https://uxmagic.ai/zh/help/design-and-edit/component-libraries","type":"guide","keywords":["组件","设计系统","组件库","React 组件","Figma 组件","复用"],"headings":["内置组件库","把你自己的设计系统带进来","让生成的页面守在体系内","Enterprise 方案"],"updated":"2026-08-27","faqs":[],"related":["import-from-figma","themes-and-style-guides","export-code"],"markdown":"![内置的 Figma 组件库，按类别展示现成组件。](/help/figma-library.webp)\n\n## 内置组件库\n\nUXMagic 自带两个可浏览的组件库，设计时可以直接取用：\n\n- **[Figma 组件库](/figma-component-library)** — 可直接放进 Figma 文件的组件。\n- **[React 组件库](/react-component-library)** — 与之对应的同一套模式的代码组件。\n\n两者都按类别组织，每个组件都有多个变体。\n\n## 把你自己的设计系统带进来\n\n把你的 Figma 组件或设计系统导入项目，让生成的页面使用*你的*组件，而不是通用组件。见[从 Figma 导入](/help/generate/import-from-figma)。\n\n导入之后，按名字提到它们：\n\n> 价格档位请使用我们的 Button 和 Card 组件。\n\n## 让生成的页面守在体系内\n\n两件事就能解决大半问题：\n\n1. **一个符合你品牌的主题**，这样颜色和字体默认就是对的。见[主题与样式指南](/help/design-and-edit/themes-and-style-guides)。\n2. 当 AI 开始自由发挥时，给出**明确的指令**：*“只使用我们导入的组件库里的组件。”*\n\n## Enterprise 方案\n\nEnterprise 方案包含团队共享的设计系统和组件库，团队里每个人生成的页面都从同一套组件出发。","text":"内置组件库 UXMagic 自带两个可浏览的组件库，设计时可以直接取用： - Figma 组件库 — 可直接放进 Figma 文件的组件。 - React 组件库 — 与之对应的同一套模式的代码组件。 两者都按类别组织，每个组件都有多个变体。 把你自己的设计系统带进来 把你的 Figma 组件或设计系统导入项目，让生成的页面使用你的组件，而不是通用组件。见从 Figma 导入。 导入之后，按名字提到它们： 价格档位请使用我们的 Button 和 Card 组件。 让生成的页面守在体系内 两件事就能解决大半问题： 1. 一个符合你品牌的主题，这样颜色和字体默认就是对的。见主题与样式指南。 2. 当 AI 开始自由发挥时，给出明确的指令：“只使用我们导入的组件库里的组件。” Enterprise 方案 Enterprise 方案包含团队共享的设计系统和组件库，团队里每个人生成的页面都从同一套组件出发。"},{"slug":"export-to-figma","category":"export-and-handoff","categoryTitle":"导出与交接","title":"导出到 Figma","description":"把页面导出为可编辑、带自动布局、可直接交付开发的 Figma 画板。","url":"https://uxmagic.ai/zh/help/export-and-handoff/export-to-figma","type":"howto","keywords":["figma 导出","导出到 figma","自动布局","交接","设计师"],"headings":["步骤","你会拿到什么","导出额度","怎样拿到最干净的结果","双向往返","导出失败时"],"updated":"2026-08-27","faqs":[{"question":"导出的 Figma 文件可以编辑吗？","answer":"可以。你拿到的是真实的 Figma 图层，带自动布局、可编辑文字和真实填充 — 不是一张拍平的图。"},{"question":"我有多少次 Figma 导出额度？","answer":"免费方案包含少量固定次数；付费方案包含大得多的每月额度。剩余次数会显示在你的账户里。"}],"related":["figma-plugin","import-from-figma","export-code","figma-export-failed"],"markdown":"Figma 导出产出的是**真实、可编辑的 Figma 画板** — 自动布局结构、活的文字图层、真实的填充与效果 — 而不是一张拍平的截图。\n\n![批量导出菜单在一个 UXMagic 项目上方展开，可导出所选页面。](/help/export-menu.webp)\n\n## 步骤\n\n1. 选中要导出的页面（可多选）。\n2. 选择**导出 → Figma**。\n3. 按提示交接到 Figma：可以通过已连接的 Figma 账号，也可以通过 [UXMagic Figma 插件](/help/integrations/figma-plugin)。\n\n## 你会拿到什么\n\n- **自动布局画板**，改变尺寸时会正确响应。\n- **可编辑的文字图层**，带各自的文字样式。\n- **真实的填充、渐变和阴影。**\n- **图片**以填充的形式带过去。\n- **有名字的图层**，按区块分组，文件可以正常浏览，而不是一堆矩形的大杂烩。\n\n## 导出额度\n\nFigma 导出是计次的。免费方案包含少量固定次数；付费方案包含较大的每月额度。剩余次数可以在账户里查看。见[方案与限制](/help/account-and-billing/plans-and-limits)。\n\n## 怎样拿到最干净的结果\n\n- **先把主题定下来。** 先导出、在 Figma 里改样式、再重新导出，等于把 Figma 那边的活干了两遍。\n- **整条流程一起导出**，不要一个页面一个页面地来，这样画板会并排落在同一个文件里。\n- **导出前给页面命名** — 名字会带过去，而没名字的画板日后用起来很痛苦。\n\n## 双向往返\n\n你也可以反过来把 Figma 画板带回来 — 见[从 Figma 导入](/help/generate/import-from-figma)。一种常见的工作流是：在 UXMagic 生成 → 导出到 Figma → 设计师打磨 → 再导回来，继续用 AI 迭代。\n\n## 导出失败时\n\n见[我的 Figma 导出失败了](/help/troubleshooting/figma-export-failed)。","text":"Figma 导出产出的是真实、可编辑的 Figma 画板 — 自动布局结构、活的文字图层、真实的填充与效果 — 而不是一张拍平的截图。 步骤 1. 选中要导出的页面（可多选）。 2. 选择导出 → Figma。 3. 按提示交接到 Figma：可以通过已连接的 Figma 账号，也可以通过 UXMagic Figma 插件。 你会拿到什么 - 自动布局画板，改变尺寸时会正确响应。 - 可编辑的文字图层，带各自的文字样式。 - 真实的填充、渐变和阴影。 - 图片以填充的形式带过去。 - 有名字的图层，按区块分组，文件可以正常浏览，而不是一堆矩形的大杂烩。 导出额度 Figma 导出是计次的。免费方案包含少量固定次数；付费方案包含较大的每月额度。剩余次数可以在账户里查看。见方案与限制。 怎样拿到最干净的结果 - 先把主题定下来。 先导出、在 Figma 里改样式、再重新导出，等于把 Figma 那边的活干了两遍。 - 整条流程一起导出，不要一个页面一个页面地来，这样画板会并排落在同一个文件里。 - 导出前给页面命名 — 名字会带过去，而没名字的画板日后用起来很痛苦。 双向往返 你也可以反过来把 Figma 画板带回来 — 见从 Figma 导入。一种常见的工作流是：在 UXMagic 生成 → 导出到 Figma → 设计师打磨 → 再导回来，继续用 AI 迭代。 导出失败时 见我的 Figma 导出失败了。"},{"slug":"export-code","category":"export-and-handoff","categoryTitle":"导出与交接","title":"导出代码（HTML、React、Tailwind）","description":"把单个页面或整个项目导出为可上线的前端代码。","url":"https://uxmagic.ai/zh/help/export-and-handoff/export-code","type":"howto","keywords":["导出代码","react","html","tailwind","开发者","下载代码","jsx"],"headings":["可以导出什么","导出单个页面","导出整个项目","代码是什么样的","响应式","直接进仓库"],"updated":"2026-08-27","faqs":[],"related":["github-sync","export-to-figma","component-libraries"],"markdown":"![React 组件库，展示可以直接复制进代码库的组件。](/help/react-library.webp)\n\n## 可以导出什么\n\n- **单个页面**，导出为 HTML 或一个 React 组件。\n- **整个项目**，导出为一个多页面的 React 项目，组装好并打包下载。\n\n样式用的是 Tailwind CSS，你的项目主题会表达为设计令牌，所以代码里带着和画布上同一套体系。\n\n## 导出单个页面\n\n1. 选中页面。\n2. **导出 → 代码**。\n3. 选 HTML 或 React。\n4. 复制，或者下载。\n\n## 导出整个项目\n\n项目导出以后台任务运行 — 它会生成每一个页面，然后把它们组装成一个项目结构。项目越大耗时越久；你可以看着进度，完成后下载。\n\n## 代码是什么样的\n\n是真实、可读的前端代码：语义化标记、Tailwind 工具类、用于颜色和字体的主题令牌，以及通过网址引用你项目素材存储里的图片。\n\n有两件事要提前规划：\n\n- **素材默认是远程的。** 上线前把它们下载到你的仓库里，别让线上站点依赖 UXMagic 的素材网址。\n- **它是前端。** 没有数据层、路由或状态管理 — 需要你自己接进应用里。\n\n## 响应式\n\n导出的代码对应你导出的那个页面，按那个页面的宽度。如果你生成过独立的移动端和桌面端变体，就两个都导出，在你的断点处合并。见[响应式与设备变体](/help/design-and-edit/responsive-variants)。\n\n## 直接进仓库\n\n你可以不下载，直接把导出的代码推到 GitHub — 见[GitHub 同步](/help/integrations/github-sync)。","text":"可以导出什么 - 单个页面，导出为 HTML 或一个 React 组件。 - 整个项目，导出为一个多页面的 React 项目，组装好并打包下载。 样式用的是 Tailwind CSS，你的项目主题会表达为设计令牌，所以代码里带着和画布上同一套体系。 导出单个页面 1. 选中页面。 2. 导出 → 代码。 3. 选 HTML 或 React。 4. 复制，或者下载。 导出整个项目 项目导出以后台任务运行 — 它会生成每一个页面，然后把它们组装成一个项目结构。项目越大耗时越久；你可以看着进度，完成后下载。 代码是什么样的 是真实、可读的前端代码：语义化标记、Tailwind 工具类、用于颜色和字体的主题令牌，以及通过网址引用你项目素材存储里的图片。 有两件事要提前规划： - 素材默认是远程的。 上线前把它们下载到你的仓库里，别让线上站点依赖 UXMagic 的素材网址。 - 它是前端。 没有数据层、路由或状态管理 — 需要你自己接进应用里。 响应式 导出的代码对应你导出的那个页面，按那个页面的宽度。如果你生成过独立的移动端和桌面端变体，就两个都导出，在你的断点处合并。见响应式与设备变体。 直接进仓库 你可以不下载，直接把导出的代码推到 GitHub — 见GitHub 同步。"},{"slug":"export-to-framer-and-webflow","category":"export-and-handoff","categoryTitle":"导出与交接","title":"导出到 Framer 和 Webflow","description":"一次粘贴就把页面复制进 Framer 或 Webflow，结构和样式都保留。","url":"https://uxmagic.ai/zh/help/export-and-handoff/export-to-framer-and-webflow","type":"howto","keywords":["framer","webflow","无代码","粘贴","剪贴板","导出 framer"],"headings":["Framer","Webflow","粘贴后要检查什么","什么时候用它而不是导出代码"],"updated":"2026-08-27","faqs":[],"related":["export-code","wordpress-publish","publish-your-first-site"],"markdown":"Framer 和 Webflow 的导出走剪贴板：UXMagic 产出各自能识别的内容，你把它粘到它们的画布上。\n\n## Framer\n\n1. 选中页面。\n2. **导出 → Framer。**\n3. 复制生成的内容。\n4. 打开你的 Framer 项目，粘贴到画布上。\n\n布局结构、文字和样式会以原生 Framer 图层的形式过去，你可以继续编辑。\n\n## Webflow\n\n1. 选中页面。\n2. **导出 → Webflow。**\n3. 复制生成的内容。\n4. 在 Webflow Designer 里粘贴到画布上。\n\n你拿到的是带 class 的真实 Webflow 元素，不是一个嵌入块。\n\n## 粘贴后要检查什么\n\n- **字体** — 确认用到的字体在目标项目里可用。\n- **图片** — 它们是按网址过来的；上线前把它们上传到目标项目的素材管理器里。\n- **交互** — 动效和交互要在 Framer 或 Webflow 里设置，不会带过去。\n\n## 什么时候用它而不是导出代码\n\n如果这个站点将由一个日常在 Framer 或 Webflow 里工作的团队维护，就粘进去。如果由工程师负责，那就改用[导出代码](/help/export-and-handoff/export-code)。","text":"Framer 和 Webflow 的导出走剪贴板：UXMagic 产出各自能识别的内容，你把它粘到它们的画布上。 Framer 1. 选中页面。 2. 导出 → Framer。 3. 复制生成的内容。 4. 打开你的 Framer 项目，粘贴到画布上。 布局结构、文字和样式会以原生 Framer 图层的形式过去，你可以继续编辑。 Webflow 1. 选中页面。 2. 导出 → Webflow。 3. 复制生成的内容。 4. 在 Webflow Designer 里粘贴到画布上。 你拿到的是带 class 的真实 Webflow 元素，不是一个嵌入块。 粘贴后要检查什么 - 字体 — 确认用到的字体在目标项目里可用。 - 图片 — 它们是按网址过来的；上线前把它们上传到目标项目的素材管理器里。 - 交互 — 动效和交互要在 Framer 或 Webflow 里设置，不会带过去。 什么时候用它而不是导出代码 如果这个站点将由一个日常在 Framer 或 Webflow 里工作的团队维护，就粘进去。如果由工程师负责，那就改用导出代码。"},{"slug":"wordpress-publish","category":"export-and-handoff","categoryTitle":"导出与交接","title":"把设计推送到 WordPress","description":"连接一个 WordPress 站点，把生成的页面作为页面发布上去。","url":"https://uxmagic.ai/zh/help/export-and-handoff/wordpress-publish","type":"howto","keywords":["wordpress","wp","发布页面","cms","应用程序密码"],"headings":["连接你的站点","发布一个页面","需要知道的事","排查问题"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","export-to-framer-and-webflow","export-code"],"markdown":"## 连接你的站点\n\n在**集成 → WordPress** 里有两种连接方式：\n\n- **应用程序密码** — 在你的 WordPress 用户资料里生成一个，连同站点网址一起粘进来。不用装任何东西。\n- **UXMagic 插件** — 在站点上安装插件，完成连接握手。前期设置多一点，之后更顺畅。\n\n## 发布一个页面\n\n1. 选中页面。\n2. **导出 → WordPress。**\n3. 选择是新建一个页面，还是替换一个已有页面。\n4. 推送。\n\n你也可以一次推送多个页面，一并创建出多个页面。\n\n## 需要知道的事\n\n- 页面会在你的 WordPress 里创建为普通页面 — 之后你可以在那边继续编辑。\n- 你的**主题**的页头和页脚可能会包住推送过去的内容。发布前先预览，如果你想让设计占满整个视口，就用全宽或空白页面模板。\n- **图片**会传输到 WordPress 媒体库。\n\n## 排查问题\n\n- **连接被拒绝** — 检查站点网址是否带协议，以及 REST API 是否被某个安全插件挡住了。\n- **应用程序密码被拒** — 它是在 WordPress 里按用户生成的；确认完整复制了，包括其中的空格。\n- **内容显示没有样式** — 有插件或主题在剥离内联样式。总体来说，插件连接方式在这件事上比应用程序密码方式处理得更好。","text":"连接你的站点 在集成 → WordPress 里有两种连接方式： - 应用程序密码 — 在你的 WordPress 用户资料里生成一个，连同站点网址一起粘进来。不用装任何东西。 - UXMagic 插件 — 在站点上安装插件，完成连接握手。前期设置多一点，之后更顺畅。 发布一个页面 1. 选中页面。 2. 导出 → WordPress。 3. 选择是新建一个页面，还是替换一个已有页面。 4. 推送。 你也可以一次推送多个页面，一并创建出多个页面。 需要知道的事 - 页面会在你的 WordPress 里创建为普通页面 — 之后你可以在那边继续编辑。 - 你的主题的页头和页脚可能会包住推送过去的内容。发布前先预览，如果你想让设计占满整个视口，就用全宽或空白页面模板。 - 图片会传输到 WordPress 媒体库。 排查问题 - 连接被拒绝 — 检查站点网址是否带协议，以及 REST API 是否被某个安全插件挡住了。 - 应用程序密码被拒 — 它是在 WordPress 里按用户生成的；确认完整复制了，包括其中的空格。 - 内容显示没有样式 — 有插件或主题在剥离内联样式。总体来说，插件连接方式在这件事上比应用程序密码方式处理得更好。"},{"slug":"export-pdf-and-images","category":"export-and-handoff","categoryTitle":"导出与交接","title":"导出为 PDF 或图片","description":"把页面导出成 PDF、PNG、JPEG 或 WebP，用于演示文稿、评审和签字确认。","url":"https://uxmagic.ai/zh/help/export-and-handoff/export-pdf-and-images","type":"howto","keywords":["pdf","png","jpeg","webp","下载图片","打印","演示文稿","汇报"],"headings":["格式","步骤","小提示"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","share-a-project"],"markdown":"做演示文稿、评审材料和签字确认时，把页面导出成文档或图片。\n\n## 格式\n\n- **PDF** — 纸张尺寸（A4、A3、Letter、Legal、Tabloid），或者按精确像素宽度渲染成单页，这样很长的设计不会被切到好几页上。\n- **PNG** — 无损，界面截图首选。\n- **JPEG** — 更小，质量可调，图片多的设计首选。\n- **WebP** — 同等质量下体积最小，适合网页。\n\n## 步骤\n\n1. 选中页面。\n2. **导出 → PDF / 图片。**\n3. 选择格式和选项（纸张尺寸或精确宽度，JPEG 还可选质量）。\n4. 较大的导出以后台任务运行 — 渲染完成后你会拿到文件。\n\n## 小提示\n\n- 遇到**很长的落地页**，请用精确宽度的 PDF 模式，而不是 A4。它会渲染成一整页连续内容，而不是把设计切成碎片。\n- 做**客户评审**时，分享链接比 PDF 好用：它始终是最新的，而且别人可以留言。见[分享项目](/help/collaborate/share-a-project)。","text":"做演示文稿、评审材料和签字确认时，把页面导出成文档或图片。 格式 - PDF — 纸张尺寸（A4、A3、Letter、Legal、Tabloid），或者按精确像素宽度渲染成单页，这样很长的设计不会被切到好几页上。 - PNG — 无损，界面截图首选。 - JPEG — 更小，质量可调，图片多的设计首选。 - WebP — 同等质量下体积最小，适合网页。 步骤 1. 选中页面。 2. 导出 → PDF / 图片。 3. 选择格式和选项（纸张尺寸或精确宽度，JPEG 还可选质量）。 4. 较大的导出以后台任务运行 — 渲染完成后你会拿到文件。 小提示 - 遇到很长的落地页，请用精确宽度的 PDF 模式，而不是 A4。它会渲染成一整页连续内容，而不是把设计切成碎片。 - 做客户评审时，分享链接比 PDF 好用：它始终是最新的，而且别人可以留言。见分享项目。"},{"slug":"export-to-canva","category":"export-and-handoff","categoryTitle":"导出与交接","title":"导出到 Canva","description":"把 UXMagic 的设计带到 Canva，用于营销和社交内容。","url":"https://uxmagic.ai/zh/help/export-and-handoff/export-to-canva","type":"howto","keywords":["canva","社交媒体","营销","图形设计"],"headings":["步骤","什么时候用它"],"updated":"2026-08-27","faqs":[],"related":["export-pdf-and-images","export-to-figma"],"markdown":"Canva 支持的是这套流程里偏营销的一端 — 把设计好的页面变成营销团队能自行改动的素材。\n\n## 步骤\n\n1. 在**集成**里连接 Canva。\n2. 选中你要带过去的设计。\n3. **导出 → Canva**，然后在 Canva 里打开继续编辑。\n\n## 什么时候用它\n\n社交媒体的裁切版、广告和一次性营销物料，用 Canva。凡是会由设计师或工程师接手的，请改用 [Figma](/help/export-and-handoff/export-to-figma) 或[代码](/help/export-and-handoff/export-code) — 那两者保留的是结构，Canva 保留的是外观。","text":"Canva 支持的是这套流程里偏营销的一端 — 把设计好的页面变成营销团队能自行改动的素材。 步骤 1. 在集成里连接 Canva。 2. 选中你要带过去的设计。 3. 导出 → Canva，然后在 Canva 里打开继续编辑。 什么时候用它 社交媒体的裁切版、广告和一次性营销物料，用 Canva。凡是会由设计师或工程师接手的，请改用 Figma 或代码 — 那两者保留的是结构，Canva 保留的是外观。"},{"slug":"publish-your-first-site","category":"publish","categoryTitle":"发布线上网站","title":"发布你的第一个网站","description":"几分钟内把项目发布到 uxmagic.io 子域名上。","url":"https://uxmagic.ai/zh/help/publish/publish-your-first-site","type":"howto","keywords":["发布","上线","网站","部署","托管","发版"],"headings":["步骤","你会得到什么","付费方案的功能","更新已发布的网站","用你自己的域名"],"updated":"2026-08-27","faqs":[{"question":"包含托管吗？","answer":"包含。已发布的网站由 UXMagic 托管在 uxmagic.io 子域名上，带 HTTPS，在你的方案之外不另收费。"},{"question":"免费方案能发布吗？","answer":"可以，在你方案的已发布网站数量限制之内。去掉 UX Magic 标识和给网站加密码保护需要付费方案。"}],"related":["subdomains-and-urls","custom-domains","redeploy-and-rollback"],"markdown":"发布会把项目里的页面变成一个真实的、带 HTTPS 的托管网站。\n\n## 步骤\n\n1. 打开项目，点击**发布**。\n2. **选择哪些页面**成为网站页面，并指定首页。没选中的页面仍留在项目里，但不属于这个网站。\n3. **选一个子域名。** 你会得到 `你的名字.uxmagic.io`。输入时会实时检查是否可用。见[子域名与网址](/help/publish/subdomains-and-urls)。\n4. **跑一次发布前检查。** 它会指出那些会导致线上网站不像样的问题 — 断链、空页面、占位内容。\n5. **发布。** 构建在后台进行；完成后你会拿到线上网址。\n\n## 你会得到什么\n\n- 一个托管在 `*.uxmagic.io` 上、自动配置 HTTPS 的网站。\n- **每次部署都有独立的预览网址**，可以先审阅再把链接给别人。\n- **部署历史**，支持一键回滚。\n\n## 付费方案的功能\n\n- **去掉 UX Magic 标识**需要付费方案。\n- **私密网站和密码保护网站**需要付费方案。\n- **已发布网站的数量上限**因方案而异 — 见[方案与限制](/help/account-and-billing/plans-and-limits)。\n\n## 更新已发布的网站\n\n编辑页面不会改变线上网站。改动要生效，请再发布一次。见[重新部署与回滚](/help/publish/redeploy-and-rollback)。\n\n## 用你自己的域名\n\n已发布的网站可以迁到你自己的域名上 — 见[自定义域名](/help/publish/custom-domains)。","text":"发布会把项目里的页面变成一个真实的、带 HTTPS 的托管网站。 步骤 1. 打开项目，点击发布。 2. 选择哪些页面成为网站页面，并指定首页。没选中的页面仍留在项目里，但不属于这个网站。 3. 选一个子域名。 你会得到 你的名字.uxmagic.io。输入时会实时检查是否可用。见子域名与网址。 4. 跑一次发布前检查。 它会指出那些会导致线上网站不像样的问题 — 断链、空页面、占位内容。 5. 发布。 构建在后台进行；完成后你会拿到线上网址。 你会得到什么 - 一个托管在 .uxmagic.io 上、自动配置 HTTPS 的网站。 - 每次部署都有独立的预览网址，可以先审阅再把链接给别人。 - 部署历史，支持一键回滚。 付费方案的功能 - 去掉 UX Magic 标识需要付费方案。 - 私密网站和密码保护网站需要付费方案。 - 已发布网站的数量上限因方案而异 — 见方案与限制。 更新已发布的网站 编辑页面不会改变线上网站。改动要生效，请再发布一次。见重新部署与回滚。 用你自己的域名 已发布的网站可以迁到你自己的域名上 — 见自定义域名。"},{"slug":"subdomains-and-urls","category":"publish","categoryTitle":"发布线上网站","title":"子域名、页面网址与预览","description":"怎么选子域名、页面路径是怎么来的，以及预览网址有什么用。","url":"https://uxmagic.ai/zh/help/publish/subdomains-and-urls","type":"reference","keywords":["子域名","网址","路径","预览链接","保留字","地址"],"headings":["子域名规则","页面网址","预览网址","更换子域名","HTTPS"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","custom-domains","redeploy-and-rollback"],"markdown":"## 子域名规则\n\n你的网站位于 `<子域名>.uxmagic.io`。\n\n- 长度在 **3 到 63 个字符**之间。\n- 只能用**字母、数字和连字符**；开头和结尾不能是连字符。\n- **不区分大小写** — 一律转成小写。\n- 在所有 UXMagic 网站中必须**唯一**。\n- 有些名字是**保留**的（系统和基础设施用名）。保留名会被拒绝，而且 UXMagic 也不会给你推荐一个跟它很像的变体 — 一个你其实拿不到的建议，比不给建议更糟。\n\n如果你的第一选择被占用了，输入时会给出备选，而且只给真正可用的。\n\n## 页面网址\n\n你选定的首页在 `/` 上提供。其余每个发布的页面都会得到一个由其名称推导出的路径 — 所以发布前先把页面命名好。“价格”会变成 `/pricing`；“页面 4”会变成 `/screen-4`，那不是你想放进分享链接里的东西。\n\n## 预览网址\n\n每次部署都有自己的预览主机，与线上网站分开。用它在某个构建成为所有人看到的版本之前先检查一遍，也可以在不动生产环境的前提下展示一个提议中的改动。\n\n## 更换子域名\n\n之后可以更换。旧地址会停止工作，所以记得更新你已经分享出去的链接。\n\n## HTTPS\n\n证书由我们代为处理，`*.uxmagic.io` 和已连接的自定义域名都是如此。没有要配置的东西，也没有要续期的东西。","text":"子域名规则 你的网站位于 <子域名>.uxmagic.io。 - 长度在 3 到 63 个字符之间。 - 只能用字母、数字和连字符；开头和结尾不能是连字符。 - 不区分大小写 — 一律转成小写。 - 在所有 UXMagic 网站中必须唯一。 - 有些名字是保留的（系统和基础设施用名）。保留名会被拒绝，而且 UXMagic 也不会给你推荐一个跟它很像的变体 — 一个你其实拿不到的建议，比不给建议更糟。 如果你的第一选择被占用了，输入时会给出备选，而且只给真正可用的。 页面网址 你选定的首页在 / 上提供。其余每个发布的页面都会得到一个由其名称推导出的路径 — 所以发布前先把页面命名好。“价格”会变成 /pricing；“页面 4”会变成 /screen-4，那不是你想放进分享链接里的东西。 预览网址 每次部署都有自己的预览主机，与线上网站分开。用它在某个构建成为所有人看到的版本之前先检查一遍，也可以在不动生产环境的前提下展示一个提议中的改动。 更换子域名 之后可以更换。旧地址会停止工作，所以记得更新你已经分享出去的链接。 HTTPS 证书由我们代为处理，.uxmagic.io 和已连接的自定义域名都是如此。没有要配置的东西，也没有要续期的东西。"},{"slug":"custom-domains","category":"publish","categoryTitle":"发布线上网站","title":"自定义域名","description":"用你自己的域名提供已发布的网站，以及如何申请。","url":"https://uxmagic.ai/zh/help/publish/custom-domains","type":"howto","keywords":["自定义域名","自有域名","dns","cname","域名","品牌"],"headings":["目前是怎么运作的","申请域名","你需要准备什么","根域名与 www","HTTPS","时间"],"updated":"2026-08-27","faqs":[],"related":["subdomains-and-urls","publish-your-first-site","plans-and-limits"],"markdown":"## 目前是怎么运作的\n\n自定义域名面向付费方案，并且是**按需申请**开通，而不是自助开通。这是特意的：把一个真实域名指向新的托管方，正是无人看管的一个失误就能让线上网站宕掉的环节，所以会有人和你一起核对。\n\n## 申请域名\n\n1. 打开你已发布网站的**发布设置**。\n2. 选择**使用自定义域名**。\n3. 填入你想用的域名（例如 `www.yourcompany.com`）并提交申请。\n4. 团队会跟进，告诉你需要添加的确切 DNS 记录，并在域名生效后跟你确认。\n\n申请的状态也可以在同一个地方查看。\n\n## 你需要准备什么\n\n- **一个你能控制的域名**，并且能访问它的 DNS 设置。\n- **能添加 CNAME 记录**（根域名则需要 A/ALIAS 记录）。\n\n## 根域名与 www\n\n两种都可以。`www.yourcompany.com` 是更简单的情况 — 一条普通 CNAME 就行。根域名（`yourcompany.com`，不带 www）需要服务商支持 ALIAS/ANAME 扁平化；大多数现代注册商都支持，配置说明里会覆盖你所用的服务商。\n\n## HTTPS\n\n域名验证通过后，证书会自动签发和续期。不用买，也不用装。\n\n## 时间\n\nDNS 变更按它自己的节奏传播 — 通常几分钟，偶尔几小时。在你自己打开确认之前，先别对外公布新地址。","text":"目前是怎么运作的 自定义域名面向付费方案，并且是按需申请开通，而不是自助开通。这是特意的：把一个真实域名指向新的托管方，正是无人看管的一个失误就能让线上网站宕掉的环节，所以会有人和你一起核对。 申请域名 1. 打开你已发布网站的发布设置。 2. 选择使用自定义域名。 3. 填入你想用的域名（例如 www.yourcompany.com）并提交申请。 4. 团队会跟进，告诉你需要添加的确切 DNS 记录，并在域名生效后跟你确认。 申请的状态也可以在同一个地方查看。 你需要准备什么 - 一个你能控制的域名，并且能访问它的 DNS 设置。 - 能添加 CNAME 记录（根域名则需要 A/ALIAS 记录）。 根域名与 www 两种都可以。www.yourcompany.com 是更简单的情况 — 一条普通 CNAME 就行。根域名（yourcompany.com，不带 www）需要服务商支持 ALIAS/ANAME 扁平化；大多数现代注册商都支持，配置说明里会覆盖你所用的服务商。 HTTPS 域名验证通过后，证书会自动签发和续期。不用买，也不用装。 时间 DNS 变更按它自己的节奏传播 — 通常几分钟，偶尔几小时。在你自己打开确认之前，先别对外公布新地址。"},{"slug":"redeploy-and-rollback","category":"publish","categoryTitle":"发布线上网站","title":"重新部署、回滚与取消发布","description":"把改动推到线上网站、回退一次糟糕的部署，以及把网站下线。","url":"https://uxmagic.ai/zh/help/publish/redeploy-and-rollback","type":"howto","keywords":["重新部署","回滚","取消发布","下线","回退","部署","更新网站"],"headings":["发布改动","部署历史","回滚","取消发布","网站数量上限"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","subdomains-and-urls"],"markdown":"## 发布改动\n\n你对页面所做的编辑**不会**自动上线。准备好之后，再发布一次 — 系统会构建一个新的部署，就绪后再切换过去。新构建完成之前，访客看到的一直是旧版本，所以部署过程中不会出现一段坏掉的窗口期。\n\n## 部署历史\n\n每次发布都会作为一个部署保存下来，各有自己的预览网址。这带来两样有用的东西：一份“什么时候线上是什么样”的记录，以及一种把提议中的构建展示给别人、又不必让它成为线上版本的方式。\n\n## 回滚\n\n选一个更早的部署，回滚到它。网站会立刻回到那个构建的原样 — 不需要重新构建，因为旧构建还在。\n\n先回滚，再排查。回滚只要几秒钟，能先止血。\n\n## 取消发布\n\n**取消发布**会让网站下线，但保留网站记录、它的子域名和部署历史 — 所以之后可以在同一个地址上把它恢复回来。\n\n**删除**则会彻底移除这个网站，并把子域名释放出去让任何人都能占用。这一步不可逆。\n\n## 网站数量上限\n\n取消发布会释放该网站在你方案已发布网站上限中占的名额。删除也一样。见[方案与限制](/help/account-and-billing/plans-and-limits)。","text":"发布改动 你对页面所做的编辑不会自动上线。准备好之后，再发布一次 — 系统会构建一个新的部署，就绪后再切换过去。新构建完成之前，访客看到的一直是旧版本，所以部署过程中不会出现一段坏掉的窗口期。 部署历史 每次发布都会作为一个部署保存下来，各有自己的预览网址。这带来两样有用的东西：一份“什么时候线上是什么样”的记录，以及一种把提议中的构建展示给别人、又不必让它成为线上版本的方式。 回滚 选一个更早的部署，回滚到它。网站会立刻回到那个构建的原样 — 不需要重新构建，因为旧构建还在。 先回滚，再排查。回滚只要几秒钟，能先止血。 取消发布 取消发布会让网站下线，但保留网站记录、它的子域名和部署历史 — 所以之后可以在同一个地址上把它恢复回来。 删除则会彻底移除这个网站，并把子域名释放出去让任何人都能占用。这一步不可逆。 网站数量上限 取消发布会释放该网站在你方案已发布网站上限中占的名额。删除也一样。见方案与限制。"},{"slug":"share-a-project","category":"collaborate","categoryTitle":"分享与协作","title":"分享项目","description":"邀请指定的人，或分享一个谁打开谁就能加入的链接。","url":"https://uxmagic.ai/zh/help/collaborate/share-a-project","type":"howto","keywords":["分享","邀请","协作者","链接","客户评审","访问权限"],"headings":["两种分享方式","步骤","协作者能做什么","花的是谁的额度","只为评审而分享","收回访问权限"],"updated":"2026-08-27","faqs":[],"related":["teams-and-seats","comments-and-feedback","share-a-preview"],"markdown":"![“分享此项目”对话框，访问权限设为“私密”，并提示“此项目仅你可见”。](/help/share-dialog.webp)\n\n## 两种分享方式\n\n**按邮箱邀请。** 把指定的人加到指定的项目里。他们会收到一封邮件，接受之后项目会出现在他们的控制台里。真正要参与设计的人，用这种方式。\n\n**知道链接的人都能加入。** 生成一个链接，谁打开谁就被加进项目。适合团队频道或客户会话这类不值得一个个去要邮箱的场合 — 但要清楚：链接被转发给谁，谁也就有了访问权限。\n\n## 步骤\n\n1. 打开项目。\n2. 点击**分享**。\n3. 要么填入邮箱地址，要么打开链接分享并复制链接。\n\n## 协作者能做什么\n\n协作者在项目里和你一样干活：和 AI 对话、编辑页面、导出。至于花的是谁的额度，取决于项目是怎么分享的 — 见下文。\n\n## 花的是谁的额度\n\n这是最容易让人意外的部分。当项目分享给一个**团队**时，该项目里的 AI 工作计入**团队额度池**，或者计入执行者从池中分得的配额 — 而不是他的个人余额。而在团队之外、人与人之间分享的项目里，谁触发的工作就由谁自己的余额来付。\n\n见[团队与席位](/help/collaborate/teams-and-seats)。\n\n## 只为评审而分享\n\n如果你要的是反馈而不是协作者，那就分享一个**预览** — 它展示设计，但不给人编辑的权限。见[分享预览供评审](/help/collaborate/share-a-preview)。\n\n## 收回访问权限\n\n在项目的分享设置里移除某人，或者把链接分享关掉。关掉链接不会移除此前已经通过它加入的人 — 那些人要单独移除。","text":"两种分享方式 按邮箱邀请。 把指定的人加到指定的项目里。他们会收到一封邮件，接受之后项目会出现在他们的控制台里。真正要参与设计的人，用这种方式。 知道链接的人都能加入。 生成一个链接，谁打开谁就被加进项目。适合团队频道或客户会话这类不值得一个个去要邮箱的场合 — 但要清楚：链接被转发给谁，谁也就有了访问权限。 步骤 1. 打开项目。 2. 点击分享。 3. 要么填入邮箱地址，要么打开链接分享并复制链接。 协作者能做什么 协作者在项目里和你一样干活：和 AI 对话、编辑页面、导出。至于花的是谁的额度，取决于项目是怎么分享的 — 见下文。 花的是谁的额度 这是最容易让人意外的部分。当项目分享给一个团队时，该项目里的 AI 工作计入团队额度池，或者计入执行者从池中分得的配额 — 而不是他的个人余额。而在团队之外、人与人之间分享的项目里，谁触发的工作就由谁自己的余额来付。 见团队与席位。 只为评审而分享 如果你要的是反馈而不是协作者，那就分享一个预览 — 它展示设计，但不给人编辑的权限。见分享预览供评审。 收回访问权限 在项目的分享设置里移除某人，或者把链接分享关掉。关掉链接不会移除此前已经通过它加入的人 — 那些人要单独移除。"},{"slug":"share-a-preview","category":"collaborate","categoryTitle":"分享与协作","title":"分享预览供评审","description":"发一个只读链接，让相关方能看到设计但不能编辑。","url":"https://uxmagic.ai/zh/help/collaborate/share-a-preview","type":"howto","keywords":["预览","评审链接","只读","相关方","客户","演示"],"headings":["什么时候用预览","步骤","预览与已发布网站的区别","预览与 PDF 的区别"],"updated":"2026-08-27","faqs":[],"related":["share-a-project","comments-and-feedback","publish-your-first-site"],"markdown":"![画布上展开的原型菜单，提供“创建原型”，并列出一个已有的三页面原型。](/help/prototype-menu.webp)\n\n## 什么时候用预览\n\n预览链接是给那些需要**看**而不是需要**做**的人：客户、高管、给工作定范围的工程师。他们看到的是设计好的页面，没有画布、没有对话，也没有任何改动的能力。\n\n## 步骤\n\n1. 打开项目或页面。\n2. **分享 → 预览链接。**\n3. 把链接发出去。\n\n## 预览与已发布网站的区别\n\n- **预览** — 一个评审用的产物。快、用完即弃、依附于项目。\n- **[已发布网站](/help/publish/publish-your-first-site)** — 一个有自己地址的真实网站，有页面、有托管、有部署历史。\n\n给客户签字确认，用预览。客户要拿去给*他们的*客户看的东西，就发布。\n\n## 预览与 PDF 的区别\n\n预览会随着你的迭代保持最新；PDF 在你导出的那一刻就冻住了。实时评审发预览，留档“当时批准的是什么”发 PDF。见[导出为 PDF 或图片](/help/export-and-handoff/export-pdf-and-images)。","text":"什么时候用预览 预览链接是给那些需要看而不是需要做的人：客户、高管、给工作定范围的工程师。他们看到的是设计好的页面，没有画布、没有对话，也没有任何改动的能力。 步骤 1. 打开项目或页面。 2. 分享 → 预览链接。 3. 把链接发出去。 预览与已发布网站的区别 - 预览 — 一个评审用的产物。快、用完即弃、依附于项目。 - 已发布网站 — 一个有自己地址的真实网站，有页面、有托管、有部署历史。 给客户签字确认，用预览。客户要拿去给他们的客户看的东西，就发布。 预览与 PDF 的区别 预览会随着你的迭代保持最新；PDF 在你导出的那一刻就冻住了。实时评审发预览，留档“当时批准的是什么”发 PDF。见导出为 PDF 或图片。"},{"slug":"teams-and-seats","category":"collaborate","categoryTitle":"分享与协作","title":"团队、席位与共享额度","description":"创建团队、邀请成员、分配角色，并从共享池里分配额度。","url":"https://uxmagic.ai/zh/help/collaborate/teams-and-seats","type":"guide","keywords":["团队","席位","成员","角色","共享额度","组织","工作区"],"headings":["创建团队","席位","角色","共享额度","移除成员","Enterprise"],"updated":"2026-08-27","faqs":[{"question":"团队成员需要各自订阅吗？","answer":"不需要。成员使用的是团队的席位和额度池。这两样都由团队所有者管理。"},{"question":"能限制单个成员最多花多少额度吗？","answer":"可以。所有者可以为每个成员设定额度配额，这样一个人就不会把共享池抽干。"}],"related":["share-a-project","how-credits-work","plans-and-limits"],"markdown":"## 创建团队\n\n在你的账户里创建一个团队，然后按邮箱邀请成员。邀请会出现在被邀请者的控制台和邮箱里；他们接受之后就加入了。\n\n## 席位\n\n团队有一定数量的**席位**，它限定了最多能有多少活跃成员。所有者可以随团队增长调整席位数。Enterprise 方案包含不限量席位。\n\n## 角色\n\n成员各有角色，决定他们能管理什么 — 谁能邀请人、谁能改账单、谁只能做设计。所有者可以把所有权转移给另一位成员。\n\n## 共享额度\n\n这是关键部分。团队有一个**共享额度池**：\n\n- 团队项目里的 AI 工作从团队池扣，而不是从个人余额扣。\n- 所有者可以设定**每个成员的配额**，这样一位热情高涨、成天跑大流程的用户，就没法在一个下午花光整月的额度。\n- 没有单独配额的成员从公共池里扣。\n\n见[额度如何计费](/help/account-and-billing/how-credits-work)。\n\n## 移除成员\n\n移除某人会撤销他对团队项目的访问权限。他创建的成果仍留在团队里。\n\n## Enterprise\n\nEnterprise 另外提供 SSO/SAML、管理后台、共享的设计系统与组件库、定制的额度分配，以及优先支持。见[方案与限制](/help/account-and-billing/plans-and-limits)。","text":"创建团队 在你的账户里创建一个团队，然后按邮箱邀请成员。邀请会出现在被邀请者的控制台和邮箱里；他们接受之后就加入了。 席位 团队有一定数量的席位，它限定了最多能有多少活跃成员。所有者可以随团队增长调整席位数。Enterprise 方案包含不限量席位。 角色 成员各有角色，决定他们能管理什么 — 谁能邀请人、谁能改账单、谁只能做设计。所有者可以把所有权转移给另一位成员。 共享额度 这是关键部分。团队有一个共享额度池： - 团队项目里的 AI 工作从团队池扣，而不是从个人余额扣。 - 所有者可以设定每个成员的配额，这样一位热情高涨、成天跑大流程的用户，就没法在一个下午花光整月的额度。 - 没有单独配额的成员从公共池里扣。 见额度如何计费。 移除成员 移除某人会撤销他对团队项目的访问权限。他创建的成果仍留在团队里。 Enterprise Enterprise 另外提供 SSO/SAML、管理后台、共享的设计系统与组件库、定制的额度分配，以及优先支持。见方案与限制。"},{"slug":"comments-and-feedback","category":"collaborate","categoryTitle":"分享与协作","title":"评论与反馈","description":"在设计上留评论，并在处理完之后把它标记为已解决。","url":"https://uxmagic.ai/zh/help/collaborate/comments-and-feedback","type":"howto","keywords":["评论","反馈","批注","评审","备注","讨论串"],"headings":["评论","标记已解决","配合 AI 处理反馈","谁能评论"],"updated":"2026-08-27","faqs":[],"related":["share-a-preview","share-a-project"],"markdown":"## 评论\n\n评论会挂在设计上并成串，所以关于首屏的讨论会留在首屏旁边，而不是散落在 Slack 各处。\n\n1. 打开项目或预览。\n2. 在反馈该在的位置加一条评论。\n3. 在同一串里回复，讨论就不会散开。\n\n## 标记已解决\n\n处理完一串评论之后，把它标记为已解决。已解决的讨论串依然保留，这样某处*为什么*改了的记录不会丢失。\n\n## 配合 AI 处理反馈\n\n评论是给人看的；对话是给 AI 的。高效的循环是：先收集评论，再把一批评论翻译成两三条具体的对话指令。一次两三个改动，比一口气列十二条更稳。见[用对话编辑](/help/design-and-edit/chat-editing)。\n\n## 谁能评论\n\n任何有项目访问权限的人 — 对于评审链接来说，还包括你把预览发给的所有人。","text":"评论 评论会挂在设计上并成串，所以关于首屏的讨论会留在首屏旁边，而不是散落在 Slack 各处。 1. 打开项目或预览。 2. 在反馈该在的位置加一条评论。 3. 在同一串里回复，讨论就不会散开。 标记已解决 处理完一串评论之后，把它标记为已解决。已解决的讨论串依然保留，这样某处为什么改了的记录不会丢失。 配合 AI 处理反馈 评论是给人看的；对话是给 AI 的。高效的循环是：先收集评论，再把一批评论翻译成两三条具体的对话指令。一次两三个改动，比一口气列十二条更稳。见用对话编辑。 谁能评论 任何有项目访问权限的人 — 对于评审链接来说，还包括你把预览发给的所有人。"},{"slug":"community-and-inspiration","category":"collaborate","categoryTitle":"分享与协作","title":"社区与灵感","description":"浏览社区分享的设计，也把你自己的发布出去。","url":"https://uxmagic.ai/zh/help/collaborate/community-and-inspiration","type":"guide","keywords":["社区","灵感","作品展示","案例","模板","画廊"],"headings":["浏览社区","使用社区里的设计","分享你自己的作品","产品内的灵感"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen"],"markdown":"![社区页面，展示可以打开并二次创作的已发布项目。](/help/community.webp)\n\n## 浏览社区\n\n[社区画廊](/community)汇集了用 UXMagic 做出来的设计，按类别组织。想知道好提示词能产出什么样的结果，或者想找一个接近你需求的起点，这是最快的路。\n\n## 使用社区里的设计\n\n打开你喜欢的一个，把它当参考：从它出发，或者指着它描述你想要什么。社区设计是灵感，不是授权素材 — 其中的图片和文案请当占位内容看待。\n\n## 分享你自己的作品\n\n你可以在项目的分享设置里把它发布到社区。发之前先检查内容：社区设计是公开的，所以客户名称、真实用户数据和尚未发布的品牌资料应当先清理掉。\n\n## 产品内的灵感\n\n控制台在你工作时也会推送灵感和案例，让你不离开画布就能把一个布局想法拿过来用。","text":"浏览社区 社区画廊汇集了用 UXMagic 做出来的设计，按类别组织。想知道好提示词能产出什么样的结果，或者想找一个接近你需求的起点，这是最快的路。 使用社区里的设计 打开你喜欢的一个，把它当参考：从它出发，或者指着它描述你想要什么。社区设计是灵感，不是授权素材 — 其中的图片和文案请当占位内容看待。 分享你自己的作品 你可以在项目的分享设置里把它发布到社区。发之前先检查内容：社区设计是公开的，所以客户名称、真实用户数据和尚未发布的品牌资料应当先清理掉。 产品内的灵感 控制台在你工作时也会推送灵感和案例，让你不离开画布就能把一个布局想法拿过来用。"},{"slug":"mcp-server","category":"integrations","categoryTitle":"集成与开发者","title":"UXMagic MCP 服务器","description":"把 Claude、Cursor、VS Code、Windsurf、Codex 或 Antigravity 连接到你的 UXMagic 项目。","url":"https://uxmagic.ai/zh/help/integrations/mcp-server","type":"howto","keywords":["mcp","模型上下文协议","cursor","claude","vscode","windsurf","ide","codex"],"headings":["设置","连上之后助手能做什么","一个典型的工作流","额度","安全"],"updated":"2026-08-27","faqs":[{"question":"支持哪些 IDE？","answer":"Claude、Cursor、VS Code、Windsurf、Codex 和 Antigravity — 以及任何其他兼容 MCP 的客户端。"},{"question":"需要安装什么吗？","answer":"不需要。UXMagic 会为你的 IDE 生成配置；你把它粘贴到该 IDE 的 MCP 设置里即可。"}],"related":["api-keys","export-code","github-sync"],"markdown":"模型上下文协议（MCP）是一个开放标准，让 AI 助手可以直接和外部工具对话。UXMagic 的 MCP 服务器把你的 AI 编码助手连到你真实的 UXMagic 项目上 — 于是不必再把截图粘进对话，助手读的是真正的设计。\n\n![“连接 MCP”对话框，展示支持的 IDE：Antigravity、Cursor、Codex、VS Code、Windsurf 和 Claude。](/help/mcp-dialog.webp)\n\n## 设置\n\n1. 打开 [MCP 页面](/mcp)，选择你的 IDE。\n2. **生成一个 API 密钥** — 见 [API 密钥](/help/integrations/api-keys)。\n3. **复制生成的配置**，粘贴进你 IDE 的 MCP 设置里。\n4. 如果 IDE 没有立刻识别到新服务器，重启一下。\n\n开箱支持：**Claude、Cursor、VS Code、Windsurf、Codex 和 Antigravity**。任何兼容 MCP 的客户端都能用同一份配置。\n\n## 连上之后助手能做什么\n\n**读取你的成果**\n\n- 列出你的项目，获取某个项目的详情。\n- 列出项目里的页面，获取某个页面的详情。\n- 读取页面的 HTML，读取项目主题。\n- 列出并读取项目文档（需求文档、简报）。\n\n**改动你的成果**\n\n- 创建项目、创建页面、复制页面。\n- 对页面做定向查找替换，或替换整个页面主体。\n- 替换一张图片。\n- 把页面导出到 Figma。\n\n**生成**\n\n- 发起一次设计生成、查询它的状态，然后确认或取消。\n\n生成被特意设计成三步握手而不是一次调用：助手发起它、盯着它，由你决定要不要留下结果 — 这样智能体的循环就没法悄悄烧掉你的额度。\n\n## 一个典型的工作流\n\n> “读取我 Ledgerly 项目里的价格页，用我们的设计令牌把它实现成一个 React 组件。”\n\n助手会取到真实的标记和主题，然后照着它们写代码。不用截图，不会走样，也不用把设计再描述一遍。\n\n## 额度\n\n读取操作免费。通过 MCP 生成，消耗的额度和在应用里生成一样 — 它们用的是同一个引擎。\n\n## 安全\n\n你的 API 密钥用于向你的账户验证这条连接。别把它放进提交的文件里，随时可以在账户设置里轮换或吊销。","text":"模型上下文协议（MCP）是一个开放标准，让 AI 助手可以直接和外部工具对话。UXMagic 的 MCP 服务器把你的 AI 编码助手连到你真实的 UXMagic 项目上 — 于是不必再把截图粘进对话，助手读的是真正的设计。 设置 1. 打开 MCP 页面，选择你的 IDE。 2. 生成一个 API 密钥 — 见 API 密钥。 3. 复制生成的配置，粘贴进你 IDE 的 MCP 设置里。 4. 如果 IDE 没有立刻识别到新服务器，重启一下。 开箱支持：Claude、Cursor、VS Code、Windsurf、Codex 和 Antigravity。任何兼容 MCP 的客户端都能用同一份配置。 连上之后助手能做什么 读取你的成果 - 列出你的项目，获取某个项目的详情。 - 列出项目里的页面，获取某个页面的详情。 - 读取页面的 HTML，读取项目主题。 - 列出并读取项目文档（需求文档、简报）。 改动你的成果 - 创建项目、创建页面、复制页面。 - 对页面做定向查找替换，或替换整个页面主体。 - 替换一张图片。 - 把页面导出到 Figma。 生成 - 发起一次设计生成、查询它的状态，然后确认或取消。 生成被特意设计成三步握手而不是一次调用：助手发起它、盯着它，由你决定要不要留下结果 — 这样智能体的循环就没法悄悄烧掉你的额度。 一个典型的工作流 “读取我 Ledgerly 项目里的价格页，用我们的设计令牌把它实现成一个 React 组件。” 助手会取到真实的标记和主题，然后照着它们写代码。不用截图，不会走样，也不用把设计再描述一遍。 额度 读取操作免费。通过 MCP 生成，消耗的额度和在应用里生成一样 — 它们用的是同一个引擎。 安全 你的 API 密钥用于向你的账户验证这条连接。别把它放进提交的文件里，随时可以在账户设置里轮换或吊销。"},{"slug":"api-keys","category":"integrations","categoryTitle":"集成与开发者","title":"API 密钥","description":"为 MCP 服务器和 API 访问创建、轮换和吊销密钥。","url":"https://uxmagic.ai/zh/help/integrations/api-keys","type":"howto","keywords":["api 密钥","令牌","身份验证","轮换","吊销","密钥"],"headings":["创建密钥","轮换","吊销","让密钥保持安全","如果密钥不好使了"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","github-sync"],"markdown":"## 创建密钥\n\n1. 打开**管理账号 → API 密钥**。\n2. 创建一个密钥，取个能说明用在哪里的名字（“Cursor — 笔记本”、“CI”）。\n3. **立刻复制。** 完整密钥只显示一次。\n\n## 轮换\n\n轮换会为同一个密钥签发新的密文。凡是还在用旧值的地方，在你轮换的那一刻就不能用了，所以请在同一次操作里把配置也更新掉。\n\n## 吊销\n\n删除密钥是立即且永久的。任何还在用它的 IDE 或脚本会马上开始报错 — 而密钥一旦泄露，这正是你想要的效果。\n\n## 让密钥保持安全\n\n- **永远不要把密钥提交进仓库。** 用你 IDE 的 MCP 设置，或者用环境变量。\n- **一个地方一个密钥。** 共享密钥一旦要吊销，就只能把所有使用方一起弄坏。\n- **有人离开时轮换**，或者密钥去过它不该去的地方时轮换。\n\n## 如果密钥不好使了\n\n按这个顺序检查：密钥没有被轮换或吊销；是完整粘贴的；以及你指向的是正确的账户。密钥是按用户区分的，同事账户里的密钥看不到你的项目。","text":"创建密钥 1. 打开管理账号 → API 密钥。 2. 创建一个密钥，取个能说明用在哪里的名字（“Cursor — 笔记本”、“CI”）。 3. 立刻复制。 完整密钥只显示一次。 轮换 轮换会为同一个密钥签发新的密文。凡是还在用旧值的地方，在你轮换的那一刻就不能用了，所以请在同一次操作里把配置也更新掉。 吊销 删除密钥是立即且永久的。任何还在用它的 IDE 或脚本会马上开始报错 — 而密钥一旦泄露，这正是你想要的效果。 让密钥保持安全 - 永远不要把密钥提交进仓库。 用你 IDE 的 MCP 设置，或者用环境变量。 - 一个地方一个密钥。 共享密钥一旦要吊销，就只能把所有使用方一起弄坏。 - 有人离开时轮换，或者密钥去过它不该去的地方时轮换。 如果密钥不好使了 按这个顺序检查：密钥没有被轮换或吊销；是完整粘贴的；以及你指向的是正确的账户。密钥是按用户区分的，同事账户里的密钥看不到你的项目。"},{"slug":"figma-plugin","category":"integrations","categoryTitle":"集成与开发者","title":"UXMagic 的 Figma 插件","description":"不离开 Figma，就能生成界面、把网站和截图带进 Figma。","url":"https://uxmagic.ai/zh/help/integrations/figma-plugin","type":"howto","keywords":["figma 插件","插件","网站转 figma","截图转界面","figma"],"headings":["安装","它能做什么","插件与网页应用的取舍","额度"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","import-from-figma","mcp-server"],"markdown":"这个插件 — **UXMagic AI UI Generator (Website to Figma, Screenshot to UI)** — 把生成能力放进 Figma 里，给那些工作本来就在 Figma 里的人用。\n\n## 安装\n\n1. 打开 [Figma 社区里的插件页面](https://www.figma.com/community/plugin/1374402598280022366/uxmagic-ai-ui-generator-website-to-figma-screenshot-to-ui)。\n2. 点击 **Open in Figma**。\n3. 出现提示时用你的 UXMagic 账号登录。\n\n## 它能做什么\n\n- **从提示词生成界面**，直接落在 Figma 画布上。\n- **网站转 Figma** — 贴一个网址，拿到可编辑的 Figma 图层。\n- **截图转界面** — 丢进一张图，拿回真实图层。\n\n一切都以带自动布局的规范 Figma 画板形式到达，而不是拍平的图片。\n\n## 插件与网页应用的取舍\n\n- **插件** — 当 Figma 就是你的工作面、你希望结果直接落在那里时最合适。\n- **[网页应用](/dashboard)** — 多页面项目、主题、版本、发布和协作时最合适。\n\n它们共用你的账户和额度余额，所以你可以在两者之间来回切换。\n\n## 额度\n\n插件里的生成和导出，扣的是和网页应用同一份余额。见[额度如何计费](/help/account-and-billing/how-credits-work)。","text":"这个插件 — UXMagic AI UI Generator (Website to Figma, Screenshot to UI) — 把生成能力放进 Figma 里，给那些工作本来就在 Figma 里的人用。 安装 1. 打开 Figma 社区里的插件页面。 2. 点击 Open in Figma。 3. 出现提示时用你的 UXMagic 账号登录。 它能做什么 - 从提示词生成界面，直接落在 Figma 画布上。 - 网站转 Figma — 贴一个网址，拿到可编辑的 Figma 图层。 - 截图转界面 — 丢进一张图，拿回真实图层。 一切都以带自动布局的规范 Figma 画板形式到达，而不是拍平的图片。 插件与网页应用的取舍 - 插件 — 当 Figma 就是你的工作面、你希望结果直接落在那里时最合适。 - 网页应用 — 多页面项目、主题、版本、发布和协作时最合适。 它们共用你的账户和额度余额，所以你可以在两者之间来回切换。 额度 插件里的生成和导出，扣的是和网页应用同一份余额。见额度如何计费。"},{"slug":"github-sync","category":"integrations","categoryTitle":"集成与开发者","title":"GitHub 同步","description":"把导出的代码直接推进仓库，并用 GitHub Pages 部署。","url":"https://uxmagic.ai/zh/help/integrations/github-sync","type":"howto","keywords":["github","仓库","git","推送代码","pages","同步","提交"],"headings":["连接 GitHub","推送代码","GitHub Pages","好做法","断开连接"],"updated":"2026-08-27","faqs":[],"related":["export-code","api-keys","publish-your-first-site"],"markdown":"## 连接 GitHub\n\n1. 打开**集成 → GitHub**。\n2. 授权 UXMagic（OAuth）。\n3. 选一个已有仓库，或者让 UXMagic 创建一个。\n\n## 推送代码\n\n1. 选中你要的页面。\n2. **导出 → GitHub。**\n3. 选择仓库和分支。\n4. 推送。导出的代码会替你提交。\n\n再次推送会更新同一批文件，所以仓库会随着设计的演进保持同步。\n\n## GitHub Pages\n\n你可以直接在这个集成里用 GitHub Pages 部署推送上去的代码 — 当你希望产物放在自己的 GitHub 组织下、而不是 UXMagic 的托管上时，这适合做一个快速的公开预览。\n\n而对于你真打算长期运行的网站，[发布](/help/publish/publish-your-first-site)能给你一个像样的地址、部署历史和回滚能力。\n\n## 好做法\n\n- **推到分支**，不要推到 `main`，并且看一遍 diff。\n- **把素材放进仓库。** 导出的代码是按网址引用图片的；上线前先把它们下载下来。\n- **心里清楚这是前端。** 没有数据层也没有路由 — 需要你自己接进应用。\n\n## 断开连接\n\n在**集成**里断开。这会撤销 UXMagic 的访问权限；已经推送过的内容仍留在你的仓库里。","text":"连接 GitHub 1. 打开集成 → GitHub。 2. 授权 UXMagic（OAuth）。 3. 选一个已有仓库，或者让 UXMagic 创建一个。 推送代码 1. 选中你要的页面。 2. 导出 → GitHub。 3. 选择仓库和分支。 4. 推送。导出的代码会替你提交。 再次推送会更新同一批文件，所以仓库会随着设计的演进保持同步。 GitHub Pages 你可以直接在这个集成里用 GitHub Pages 部署推送上去的代码 — 当你希望产物放在自己的 GitHub 组织下、而不是 UXMagic 的托管上时，这适合做一个快速的公开预览。 而对于你真打算长期运行的网站，发布能给你一个像样的地址、部署历史和回滚能力。 好做法 - 推到分支，不要推到 main，并且看一遍 diff。 - 把素材放进仓库。 导出的代码是按网址引用图片的；上线前先把它们下载下来。 - 心里清楚这是前端。 没有数据层也没有路由 — 需要你自己接进应用。 断开连接 在集成里断开。这会撤销 UXMagic 的访问权限；已经推送过的内容仍留在你的仓库里。"},{"slug":"connect-uxmagic-to-ai-assistants","category":"integrations","categoryTitle":"集成与开发者","title":"从 ChatGPT、Claude 等助手里使用 UXMagic","description":"AI 助手怎样读取 UXMagic 的文档，以及怎样驱动你的项目。","url":"https://uxmagic.ai/zh/help/integrations/connect-uxmagic-to-ai-assistants","type":"guide","keywords":["chatgpt","claude","perplexity","AI 助手","llms.txt","AI 支持","AI 信息"],"headings":["1. 问助手*关于* UXMagic 的事","2. 让助手*操作* UXMagic","该用哪一个"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","api-keys","contact-support"],"markdown":"人们说“用 AI 来用 UXMagic”时，其实指的是两件不同的事，它们需要不同的设置。\n\n## 1. 问助手*关于* UXMagic 的事\n\n助手只能根据它能读到的内容回答。UXMagic 专门发布了机器可读的资料，就是为了让这些答案是准确的而不是编出来的：\n\n- **[/ai-info](/ai-info)** — 关于产品的官方结构化简介：它是什么、能做什么、给谁用、多少钱，以及它*不*做什么。\n- **[/llms.txt](/llms.txt)** — 面向 AI 答案引擎的、经过整理的公开站点索引。\n- **[/llms-full.txt](/llms-full.txt)** — 一份自足的文档，涵盖能力、导出、价格和常见问题。\n- **[/llms-help.txt](/llms-help.txt)** — 整个帮助中心，合成一份纯文本文档。\n- **[/help.json](/help.json)** — 结构化 JSON 形式的帮助内容。\n\n如果某个助手告诉你的 UXMagic 信息事后证明是错的，把它指向 `uxmagic.ai/ai-info` 通常是最快的纠正办法。\n\n## 2. 让助手*操作* UXMagic\n\n那就是 MCP 服务器：助手能读到你真实的项目和页面，并且能创建和编辑它们。见 [UXMagic MCP 服务器](/help/integrations/mcp-server)。\n\n## 该用哪一个\n\n- 照着设计写代码 → **MCP**。\n- 问“UXMagic 多少钱” → **上面那些已发布的资料**；不用做任何设置。\n- 在 UXMagic 之上做自动化 → **MCP 加一个 [API 密钥](/help/integrations/api-keys)**。","text":"人们说“用 AI 来用 UXMagic”时，其实指的是两件不同的事，它们需要不同的设置。 1. 问助手关于 UXMagic 的事 助手只能根据它能读到的内容回答。UXMagic 专门发布了机器可读的资料，就是为了让这些答案是准确的而不是编出来的： - /ai-info — 关于产品的官方结构化简介：它是什么、能做什么、给谁用、多少钱，以及它不做什么。 - /llms.txt — 面向 AI 答案引擎的、经过整理的公开站点索引。 - /llms-full.txt — 一份自足的文档，涵盖能力、导出、价格和常见问题。 - /llms-help.txt — 整个帮助中心，合成一份纯文本文档。 - /help.json — 结构化 JSON 形式的帮助内容。 如果某个助手告诉你的 UXMagic 信息事后证明是错的，把它指向 uxmagic.ai/ai-info 通常是最快的纠正办法。 2. 让助手操作 UXMagic 那就是 MCP 服务器：助手能读到你真实的项目和页面，并且能创建和编辑它们。见 UXMagic MCP 服务器。 该用哪一个 - 照着设计写代码 → MCP。 - 问“UXMagic 多少钱” → 上面那些已发布的资料；不用做任何设置。 - 在 UXMagic 之上做自动化 → MCP 加一个 API 密钥。"},{"slug":"how-credits-work","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"额度如何计费","description":"每个 AI 操作到底花多少、哪些操作免费，以及怎样让余额用得更久。","url":"https://uxmagic.ai/zh/help/account-and-billing/how-credits-work","type":"reference","keywords":["额度","花费","价格","用量","额度用完","余额","多少钱"],"headings":["每个操作花多少","开启一次会话","一句话讲清经济账","怎样让余额用得更久","团队额度","用完了"],"updated":"2026-09-03","faqs":[{"question":"额度会累积到下个月吗？","answer":"付费方案的额度每个账单周期重置，不会累积。免费方案的额度每天刷新 — 用完了，明天又有。"},{"question":"生成失败了会扣费吗？","answer":"没有产出任何东西的工作不应该扣费。如果你为一次失败的运行被扣了费，请带上项目链接联系支持，我们会更正。"},{"question":"读取和调主题是免费的吗？","answer":"是的。读取页面、读取主题、读取图片和文档，以及创建或更新主题，都不消耗额度。"}],"related":["earn-free-credits","plans-and-limits","i-ran-out-of-credits"],"markdown":"额度是 AI 工作的计量单位。读取和调主题免费；生成和重建要花钱，按操作实际消耗的算力成比例计费。\n\n## 每个操作花多少\n\n| 操作 | 额度 |\n| --- | --- |\n| 设计一个新页面 | 3 |\n| 重写整个页面 | 2 |\n| 定向编辑（查找替换） | 0.2 |\n| 提出页面规划 | 1 |\n| 按网址克隆网站 | 10 |\n| 补完未完成的克隆 | 2 |\n| 生成一张图片 | 0.5 |\n| 编辑现有图片 | 0.5 |\n| 在所有页面上替换一个素材 | 1 |\n| 读取页面、主题、图片或文档 | 0 |\n| 创建或更新主题 | 0 |\n| 回答一个澄清性提问 | 0 |\n\n**按页面计费的操作**对它触及的每个页面各收一次，**每页面 6 额度**：\n\n- 重新生成页面\n- 生成多个变体\n- 生成流程\n- 把页面转成移动端版本\n- 把页面转成桌面端版本\n\n所以把八个页面转成移动端要花 48 额度，不是 6。\n\n## 开启一次会话\n\n一次对话会话至少需要 **4 额度**才能开始 — 足够覆盖一次规划加一个完整页面，这样会话就不会刚开始、刚做完规划，还没产出东西就没钱了。\n\n## 一句话讲清经济账\n\n**编辑大约比重写便宜十五倍，而重写又比重新生成便宜。** 你能拿到的最大一笔节省，就是去要那处具体的改动，而不是把整个页面重新要一遍。\n\n## 怎样让余额用得更久\n\n1. **要定向改动。** “首屏矮一点”的花费只是“这一页重做”的零头。\n2. **早点把主题定对。** 主题改动免费且全局生效；一页一页地改颜色两样都不占。\n3. **认真对待页面规划。** 改规划要 1 额度。改八个做错的页面要 24 到 48。\n4. **设备变体放到最后做。** 最后转一次，而不是每改一次就重转一遍。\n5. **文案用编辑模式改。** 编辑模式里改文字和换图都免费。\n6. **跑大流程前先看余额。** 跑到一半停下来，你手上就只有半条流程。\n\n## 团队额度\n\n在团队项目里，AI 工作计入**团队的共享池**或你从中分得的配额 — 而不是你的个人余额。所有者可以给每个成员设上限。见[团队与席位](/help/collaborate/teams-and-seats)。\n\n## 用完了\n\n你会看到一条明确的提示，而不是无声地失败。见[我的额度用完了](/help/troubleshooting/i-ran-out-of-credits)。","text":"额度是 AI 工作的计量单位。读取和调主题免费；生成和重建要花钱，按操作实际消耗的算力成比例计费。 每个操作花多少 操作 额度 --- --- 设计一个新页面 3 重写整个页面 2 定向编辑（查找替换） 0.2 提出页面规划 1 按网址克隆网站 10 补完未完成的克隆 2 生成一张图片 0.5 编辑现有图片 0.5 在所有页面上替换一个素材 1 读取页面、主题、图片或文档 0 创建或更新主题 0 回答一个澄清性提问 0 按页面计费的操作对它触及的每个页面各收一次，每页面 6 额度： - 重新生成页面 - 生成多个变体 - 生成流程 - 把页面转成移动端版本 - 把页面转成桌面端版本 所以把八个页面转成移动端要花 48 额度，不是 6。 开启一次会话 一次对话会话至少需要 4 额度才能开始 — 足够覆盖一次规划加一个完整页面，这样会话就不会刚开始、刚做完规划，还没产出东西就没钱了。 一句话讲清经济账 编辑大约比重写便宜十五倍，而重写又比重新生成便宜。 你能拿到的最大一笔节省，就是去要那处具体的改动，而不是把整个页面重新要一遍。 怎样让余额用得更久 1. 要定向改动。 “首屏矮一点”的花费只是“这一页重做”的零头。 2. 早点把主题定对。 主题改动免费且全局生效；一页一页地改颜色两样都不占。 3. 认真对待页面规划。 改规划要 1 额度。改八个做错的页面要 24 到 48。 4. 设备变体放到最后做。 最后转一次，而不是每改一次就重转一遍。 5. 文案用编辑模式改。 编辑模式里改文字和换图都免费。 6. 跑大流程前先看余额。 跑到一半停下来，你手上就只有半条流程。 团队额度 在团队项目里，AI 工作计入团队的共享池或你从中分得的配额 — 而不是你的个人余额。所有者可以给每个成员设上限。见团队与席位。 用完了 你会看到一条明确的提示，而不是无声地失败。见我的额度用完了。"},{"slug":"plans-and-limits","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"方案与限制","description":"Free、Pro 和 Enterprise 各包含什么，以及哪些限制作用在哪里。","url":"https://uxmagic.ai/zh/help/account-and-billing/plans-and-limits","type":"reference","keywords":["方案","价格","免费","pro","enterprise","限制","升级","套餐"],"headings":["Free","Pro","Enterprise","哪些限制作用在哪里","计费周期"],"updated":"2026-09-03","faqs":[],"related":["how-credits-work","upgrade-or-downgrade","teams-and-seats"],"markdown":"实时价格和完整的功能对照表在[价格页面](/pricing)。这里说的是大致轮廓。\n\n## Free\n\n- **每天 20 额度**，每日刷新 — 用完了，明天又有。\n- 每天最多 **3 个页面**，共 **5 个项目**。\n- **1 次 Figma 导出。**\n- 核心能力：界面设计、线框图、流程模式、截图和草图转界面、克隆网站、样式指南、Figma 导入、代码导出。\n- **无需信用卡。**\n\n## Pro\n\n- **每月 2,400 额度** — 最多 **400 个页面** — 每个账单周期重置，没有每日上限。\n- **35 美元/月**，或**按年付费 17.5 美元/月**（立减 50%，全年 210 美元）。\n- 不限量项目，每月 **250 次 Figma 导出**。\n- 免费方案的一切，去掉那些上限。\n- 可去掉已发布网站上的 UX Magic 标识，可做私密／密码保护网站。\n\n## Enterprise\n\nPro 的一切，再加上：\n\n- 不限量的 AI 生成页面和不限量席位\n- 定制的额度分配\n- SSO / SAML 认证\n- 团队管理后台\n- 共享设计系统与组件库\n- 带响应时限承诺的优先支持\n- 专属上手引导与培训\n- 定制合同与开票\n- 新功能抢先体验\n\nEnterprise 相关事宜请[联系我们](/support)。\n\n## 哪些限制作用在哪里\n\n| 限制 | 作用于 |\n| --- | --- |\n| 额度 | 所有 AI 生成，包括应用内以及通过 MCP 和 Figma 插件的生成 |\n| 页面数 | 在项目中创建的页面 |\n| 项目数 | 你账户下同时存在的项目 |\n| Figma 导出 | 每一次导出操作 |\n| 已发布网站 | 同时在线的网站数；取消发布会释放名额 |\n| 席位 | 团队中的活跃成员 |\n\n## 计费周期\n\n按月或按年。按年折算到每月要便宜不少。你随时可以在账单设置里切换周期。见[升级或降级](/help/account-and-billing/upgrade-or-downgrade)。","text":"实时价格和完整的功能对照表在价格页面。这里说的是大致轮廓。 Free - 每天 20 额度，每日刷新 — 用完了，明天又有。 - 每天最多 3 个页面，共 5 个项目。 - 1 次 Figma 导出。 - 核心能力：界面设计、线框图、流程模式、截图和草图转界面、克隆网站、样式指南、Figma 导入、代码导出。 - 无需信用卡。 Pro - 每月 2,400 额度 — 最多 400 个页面 — 每个账单周期重置，没有每日上限。 - 35 美元/月，或按年付费 17.5 美元/月（立减 50%，全年 210 美元）。 - 不限量项目，每月 250 次 Figma 导出。 - 免费方案的一切，去掉那些上限。 - 可去掉已发布网站上的 UX Magic 标识，可做私密／密码保护网站。 Enterprise Pro 的一切，再加上： - 不限量的 AI 生成页面和不限量席位 - 定制的额度分配 - SSO / SAML 认证 - 团队管理后台 - 共享设计系统与组件库 - 带响应时限承诺的优先支持 - 专属上手引导与培训 - 定制合同与开票 - 新功能抢先体验 Enterprise 相关事宜请联系我们。 哪些限制作用在哪里 限制 作用于 --- --- 额度 所有 AI 生成，包括应用内以及通过 MCP 和 Figma 插件的生成 页面数 在项目中创建的页面 项目数 你账户下同时存在的项目 Figma 导出 每一次导出操作 已发布网站 同时在线的网站数；取消发布会释放名额 席位 团队中的活跃成员 计费周期 按月或按年。按年折算到每月要便宜不少。你随时可以在账单设置里切换周期。见升级或降级。"},{"slug":"upgrade-or-downgrade","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"升级、降级或切换计费周期","description":"更换方案或在月付和年付之间切换，以及你的额度会怎样。","url":"https://uxmagic.ai/zh/help/account-and-billing/upgrade-or-downgrade","type":"howto","keywords":["升级","降级","年付","月付","换方案","切换"],"headings":["升级","降级","月付 ↔ 年付","额度会怎样","团队方案"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","billing-and-invoices","cancel-your-subscription"],"markdown":"## 升级\n\n在**管理账号 → 账单**里选你想要的方案。升级**立即**生效 — 新配额马上可用。\n\n## 降级\n\n降级从**下一个账单周期**开始生效。在那之前，你保留当前方案及其配额，所以不会因为你 3 号做的一个改动，就在月中被断掉。\n\n降级之后，新的方案限制从此往后生效。超出新限制的项目和页面不会被删除，但在你回到限制之内之前，可能没法再创建更多。\n\n## 月付 ↔ 年付\n\n你随时可以在账单设置里切换周期。年付相对于十二个月的月付有相当可观的折扣。\n\n有一点要知道：**在周期中途**切换，除了新方案的扣款外，支付服务商那边还可能产生一笔按比例结算的费用。如果你不想在短时间内被扣两笔，就在一个周期开始时切换 — 或者先[找我们聊聊](/support)，我们陪你走一遍。\n\n## 额度会怎样\n\n- **升级** — 新配额立即可用。\n- **降级** — 新配额从下个周期开始生效。\n- 每月额度在周期之间**不累积**。\n\n## 团队方案\n\n对团队来说，方案和席位由所有者管理。成员不需要各自订阅。见[团队与席位](/help/collaborate/teams-and-seats)。","text":"升级 在管理账号 → 账单里选你想要的方案。升级立即生效 — 新配额马上可用。 降级 降级从下一个账单周期开始生效。在那之前，你保留当前方案及其配额，所以不会因为你 3 号做的一个改动，就在月中被断掉。 降级之后，新的方案限制从此往后生效。超出新限制的项目和页面不会被删除，但在你回到限制之内之前，可能没法再创建更多。 月付 ↔ 年付 你随时可以在账单设置里切换周期。年付相对于十二个月的月付有相当可观的折扣。 有一点要知道：在周期中途切换，除了新方案的扣款外，支付服务商那边还可能产生一笔按比例结算的费用。如果你不想在短时间内被扣两笔，就在一个周期开始时切换 — 或者先找我们聊聊，我们陪你走一遍。 额度会怎样 - 升级 — 新配额立即可用。 - 降级 — 新配额从下个周期开始生效。 - 每月额度在周期之间不累积。 团队方案 对团队来说，方案和席位由所有者管理。成员不需要各自订阅。见团队与席位。"},{"slug":"billing-and-invoices","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"账单、发票与支付方式","description":"支付方式、去哪儿找发票，以及遇到意外扣款该怎么办。","url":"https://uxmagic.ai/zh/help/account-and-billing/billing-and-invoices","type":"howto","keywords":["发票","收据","账单","银行卡","支付","被扣款","税号","stripe"],"headings":["支付方式","发票","意外扣款","扣款失败","币种"],"updated":"2026-08-27","faqs":[],"related":["upgrade-or-downgrade","refunds","cancel-your-subscription"],"markdown":"## 支付方式\n\n付款由 Stripe 处理。支持主流信用卡和借记卡；可用的本地支付方式取决于你所在的国家或地区。UXMagic 不会看到也不会存储你完整的卡片信息。\n\n## 发票\n\n发票和收据在**管理账号 → 账单**里。每一笔扣款都有可下载的发票，你也可以填入公司信息和税号，让它们出现在发票上。\n\n**在需要发票之前**就把账单信息填好 — 事后重开票比现在填一张表要麻烦得多。\n\n## 意外扣款\n\n在向银行或 Stripe 发起争议之前，请先发邮件到 **hello@uxmagic.ai** 联系我们。绝大多数账单问题，只要先来找我们，当天就能解决。\n\n发起争议会触发支付服务商那边的自动流程，可能在审核期间冻结你的账户 — 这对谁都没好处，尤其对你。我们更希望直接把问题解决掉。\n\n## 扣款失败\n\n如果一笔付款失败，你会收到通知，并有时间更新卡片信息，在此期间账户不会有任何变化。在**管理账号 → 账单**里更新即可。\n\n## 币种\n\n价格以美元计。你的银行可能会另行换算并收取手续费。","text":"支付方式 付款由 Stripe 处理。支持主流信用卡和借记卡；可用的本地支付方式取决于你所在的国家或地区。UXMagic 不会看到也不会存储你完整的卡片信息。 发票 发票和收据在管理账号 → 账单里。每一笔扣款都有可下载的发票，你也可以填入公司信息和税号，让它们出现在发票上。 在需要发票之前就把账单信息填好 — 事后重开票比现在填一张表要麻烦得多。 意外扣款 在向银行或 Stripe 发起争议之前，请先发邮件到 hello@uxmagic.ai 联系我们。绝大多数账单问题，只要先来找我们，当天就能解决。 发起争议会触发支付服务商那边的自动流程，可能在审核期间冻结你的账户 — 这对谁都没好处，尤其对你。我们更希望直接把问题解决掉。 扣款失败 如果一笔付款失败，你会收到通知，并有时间更新卡片信息，在此期间账户不会有任何变化。在管理账号 → 账单里更新即可。 币种 价格以美元计。你的银行可能会另行换算并收取手续费。"},{"slug":"refunds","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"退款","description":"退款政策，以及确实出了问题时该怎么办。","url":"https://uxmagic.ai/zh/help/account-and-billing/refunds","type":"reference","keywords":["退款","退钱","取消扣款","返还"],"headings":["政策","如果拿不准该买哪个方案","如果确实出了问题","在你发起争议之前"],"updated":"2026-08-27","faqs":[],"related":["billing-and-invoices","cancel-your-subscription","contact-support"],"markdown":"## 政策\n\nUXMagic 不为订阅或额度购买提供退款。我们建议先试用免费方案 — 它存在的意义就是让你在付费之前先判断产出效果。\n\n## 如果拿不准该买哪个方案\n\n买之前[问我们](/support)。我们宁可花五分钟帮你选对，也不想看你买错东西。\n\n## 如果确实出了问题\n\n这条政策针对的是买家反悔，而不是我们的失误。如果你被重复扣款、取消之后仍被扣款，或者为一次失败、毫无产出的工作付了钱，那是账单错误 — 请把发票发到 **hello@uxmagic.ai**，我们来处理。\n\n## 在你发起争议之前\n\n先来找我们。银行争议会在审核期间冻结你的账户，而且比发一封邮件要慢得多。见[账单、发票与支付方式](/help/account-and-billing/billing-and-invoices)。","text":"政策 UXMagic 不为订阅或额度购买提供退款。我们建议先试用免费方案 — 它存在的意义就是让你在付费之前先判断产出效果。 如果拿不准该买哪个方案 买之前问我们。我们宁可花五分钟帮你选对，也不想看你买错东西。 如果确实出了问题 这条政策针对的是买家反悔，而不是我们的失误。如果你被重复扣款、取消之后仍被扣款，或者为一次失败、毫无产出的工作付了钱，那是账单错误 — 请把发票发到 hello@uxmagic.ai，我们来处理。 在你发起争议之前 先来找我们。银行争议会在审核期间冻结你的账户，而且比发一封邮件要慢得多。见账单、发票与支付方式。"},{"slug":"cancel-your-subscription","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"取消订阅","description":"怎么取消、访问权限何时结束，以及你的成果会怎样。","url":"https://uxmagic.ai/zh/help/account-and-billing/cancel-your-subscription","type":"howto","keywords":["取消","退订","结束订阅","停止扣费","降到免费方案"],"headings":["取消","会发生什么","取消不等于注销","改主意了","在你走之前"],"updated":"2026-08-27","faqs":[],"related":["refunds","delete-your-account","upgrade-or-downgrade"],"markdown":"## 取消\n\n**管理账号 → 账单 → 取消订阅。** 会问你两个“为什么”的问题 — 对我们真的有用，也可以跳过。\n\n## 会发生什么\n\n- 你的方案**在当前账单周期结束前一直有效**。你付过钱的配额还归你。\n- 之后，账户会转为免费方案。\n- **你的项目不会被删除。** 它们仍在你的账户里，只是往后能创建什么要受免费方案的限制。\n- 超出免费方案上限的已发布网站可能会被下线。如果有线上网站要紧，取消之前先确认一下。\n\n## 取消不等于注销\n\n取消只是停止扣费。你的账户和成果都还在。如果你想让账户及其数据消失，那是[注销你的账号](/help/account-and-billing/delete-your-account) — 而且是永久的。\n\n## 改主意了\n\n随时可以在账单设置里重新订阅。如果在周期结束之前重新订阅，什么都不会中断。\n\n## 在你走之前\n\n如果你是因为某个具体问题才离开的 — 产出质量、缺某个功能、价格 — [告诉我们](/support)。有些我们能修，有些我们其实已经修了，只是没告诉你。","text":"取消 管理账号 → 账单 → 取消订阅。 会问你两个“为什么”的问题 — 对我们真的有用，也可以跳过。 会发生什么 - 你的方案在当前账单周期结束前一直有效。你付过钱的配额还归你。 - 之后，账户会转为免费方案。 - 你的项目不会被删除。 它们仍在你的账户里，只是往后能创建什么要受免费方案的限制。 - 超出免费方案上限的已发布网站可能会被下线。如果有线上网站要紧，取消之前先确认一下。 取消不等于注销 取消只是停止扣费。你的账户和成果都还在。如果你想让账户及其数据消失，那是注销你的账号 — 而且是永久的。 改主意了 随时可以在账单设置里重新订阅。如果在周期结束之前重新订阅，什么都不会中断。 在你走之前 如果你是因为某个具体问题才离开的 — 产出质量、缺某个功能、价格 — 告诉我们。有些我们能修，有些我们其实已经修了，只是没告诉你。"},{"slug":"earn-free-credits","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"免费获取额度","description":"解锁 Pro 方案的四个步骤、每一步给多少额度，以及不花钱补充余额的其他办法。","url":"https://uxmagic.ai/zh/help/account-and-billing/earn-free-credits","type":"guide","keywords":["免费额度","赚额度","解锁 Pro","免费升级","更多额度","不花钱拿额度","试用"],"headings":["每日额度","解锁 Pro 方案 — 四个步骤","核实是人工做的","推荐","让额度更耐用"],"updated":"2026-09-03","faqs":[{"question":"怎样获得免费额度？","answer":"在编辑器里打开“Upgrade for free”，把解锁 Pro 方案的四个步骤做完 — 一份简短问卷、一条 Capterra 评价、加入 Slack 社区，以及留下一段用户评价。每一步都给额度，四步全做完还能解锁 3 天 Pro。推荐一位新用户另外再给 250 额度。"},{"question":"额度是马上到账吗？","answer":"不是。团队会人工核实每一步，通过后你会收到邮件，所以请稍等一下，不要重复提交。"}],"related":["how-credits-work","referral-program","plans-and-limits"],"markdown":"不花钱增加额度有三条路：每日免费额度、**解锁 Pro 方案**清单，以及推荐。\n\n## 每日额度\n\n每个免费账号每天有 **20 额度**，每日刷新 — 大约够做 3 个页面。用完了明天又有，所以清闲的一周不花你一分钱。见[方案与限制](/help/account-and-billing/plans-and-limits)。\n\n## 解锁 Pro 方案 — 四个步骤\n\n在编辑器里点击 **Upgrade for free**。面板会记录你在四个步骤上的进度，**四步全部完成即可免费解锁 3 天 Pro 方案**。而且每一步本身也给额度：\n\n| 步骤 | 额度 |\n| --- | --- |\n| 回答几个关于你如何使用 UXMagic 的问题 | 12 |\n| 在 Capterra 上写一条评价 | 12 |\n| 加入 UXMagic 的 Slack 社区 | 12 |\n| 留下一段用户评价 — 文字，或文字加视频 | 最多 36 |\n\n有几点值得知道：\n\n- **每一步只给一次。** 同一个步骤不能领两次。\n- **评价写在哪里都算。** 评价这一步已由 Capterra 取代 Trustpilot；如果你在切换之前在 Trustpilot 上评价过我们，那仍然算数，也不会再问你第二次。\n- **带视频的用户评价给得更多** — 文字 12 额度，再录一段短视频另加 24。\n\n## 核实是人工做的\n\n额度不会在你提交的那一刻就到账。会有人确认这条评价、帖子或用户评价是真实的，通过之后你会收到邮件。这是刻意为之 — 正是这一点才让这份奖励能一直提供下去 — 所以请稍等，不要提交两次。\n\n## 推荐\n\n推荐一位新用户，在对方第一次升级到付费方案时，你们双方各得 **250 额度**（约合 10 美元），最多五次。这是单笔金额最大的免费额度来源。见[推荐有礼](/help/account-and-billing/referral-program)。\n\n## 让额度更耐用\n\n赚得更多只是一半。定向编辑花 0.2 额度，而重新生成一个页面要花 6，所以[额度如何计费](/help/account-and-billing/how-credits-work)里的那些习惯，比这些步骤加起来更能撑长你的余额。","text":"不花钱增加额度有三条路：每日免费额度、解锁 Pro 方案清单，以及推荐。 每日额度 每个免费账号每天有 20 额度，每日刷新 — 大约够做 3 个页面。用完了明天又有，所以清闲的一周不花你一分钱。见方案与限制。 解锁 Pro 方案 — 四个步骤 在编辑器里点击 Upgrade for free。面板会记录你在四个步骤上的进度，四步全部完成即可免费解锁 3 天 Pro 方案。而且每一步本身也给额度： 步骤 额度 --- --- 回答几个关于你如何使用 UXMagic 的问题 12 在 Capterra 上写一条评价 12 加入 UXMagic 的 Slack 社区 12 留下一段用户评价 — 文字，或文字加视频 最多 36 有几点值得知道： - 每一步只给一次。 同一个步骤不能领两次。 - 评价写在哪里都算。 评价这一步已由 Capterra 取代 Trustpilot；如果你在切换之前在 Trustpilot 上评价过我们，那仍然算数，也不会再问你第二次。 - 带视频的用户评价给得更多 — 文字 12 额度，再录一段短视频另加 24。 核实是人工做的 额度不会在你提交的那一刻就到账。会有人确认这条评价、帖子或用户评价是真实的，通过之后你会收到邮件。这是刻意为之 — 正是这一点才让这份奖励能一直提供下去 — 所以请稍等，不要提交两次。 推荐 推荐一位新用户，在对方第一次升级到付费方案时，你们双方各得 250 额度（约合 10 美元），最多五次。这是单笔金额最大的免费额度来源。见推荐有礼。 让额度更耐用 赚得更多只是一半。定向编辑花 0.2 额度，而重新生成一个页面要花 6，所以额度如何计费里的那些习惯，比这些步骤加起来更能撑长你的余额。"},{"slug":"referral-program","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"推荐有礼","description":"邀请别人来用 UXMagic，他们升级付费方案时你就能拿额度。","url":"https://uxmagic.ai/zh/help/account-and-billing/referral-program","type":"guide","keywords":["推荐","推荐朋友","邀请","赚额度","联盟推广","奖励"],"headings":["怎么运作","奖励","上限","规则","联盟推广计划"],"updated":"2026-08-27","faqs":[{"question":"什么时候拿到额度？","answer":"在你推荐的人第一次升级到付费方案时 — 不是在他们注册的时候。"},{"question":"有上限吗？","answer":"最多可以赚五次推荐的奖励。之后的推荐仍会计入你的总数，但不再发放奖励。"}],"related":["earn-free-credits","how-credits-work","plans-and-limits"],"markdown":"## 怎么运作\n\n1. 在账户里的**推荐有礼**中拿到你的推荐链接。\n2. 分享出去。\n3. 当有人通过它注册并**第一次升级到付费方案**时，你们两个都能拿到额度。\n\n## 奖励\n\n**双方各 250 额度** — 也就是所谓“价值 10 美元的额度” — 推荐人和被推荐人各一份。\n\n给个概念：250 额度大约是 80 个新页面，或者相当多次编辑。见[额度如何计费](/help/account-and-billing/how-credits-work)。\n\n## 上限\n\n最多可以赚**五次**推荐的奖励。超过之后，推荐仍会显示在你的总数里，但不再发放奖励。\n\n## 规则\n\n- 奖励在被推荐人**第一次付费升级**时触发，而不是在注册时。\n- 自我推荐和重复账号不算。\n- 额度会自动到账双方账户；没有什么需要你去领取。\n\n## 联盟推广计划\n\n如果你是大规模推荐 — 一份新闻邮件、一门课程、一家代理商的客户群 — [联盟推广计划](/affiliate)给的是佣金而不是额度，更适合你。","text":"怎么运作 1. 在账户里的推荐有礼中拿到你的推荐链接。 2. 分享出去。 3. 当有人通过它注册并第一次升级到付费方案时，你们两个都能拿到额度。 奖励 双方各 250 额度 — 也就是所谓“价值 10 美元的额度” — 推荐人和被推荐人各一份。 给个概念：250 额度大约是 80 个新页面，或者相当多次编辑。见额度如何计费。 上限 最多可以赚五次推荐的奖励。超过之后，推荐仍会显示在你的总数里，但不再发放奖励。 规则 - 奖励在被推荐人第一次付费升级时触发，而不是在注册时。 - 自我推荐和重复账号不算。 - 额度会自动到账双方账户；没有什么需要你去领取。 联盟推广计划 如果你是大规模推荐 — 一份新闻邮件、一门课程、一家代理商的客户群 — 联盟推广计划给的是佣金而不是额度，更适合你。"},{"slug":"delete-your-account","category":"account-and-billing","categoryTitle":"方案、额度与账单","title":"注销你的账号","description":"永久删除你的 UXMagic 账号及其中的一切。","url":"https://uxmagic.ai/zh/help/account-and-billing/delete-your-account","type":"howto","keywords":["注销账号","删除账号","gdpr","抹除","关闭账户","隐私"],"headings":["在你删除之前","先导出","删除","还在订阅中","已发布的网站","团队"],"updated":"2026-08-27","faqs":[],"related":["cancel-your-subscription","account-and-profile"],"markdown":"## 在你删除之前\n\n删除是**永久性**的。它会移除你的项目、页面、主题、素材和历史记录。没有撤销，也没有恢复。\n\n如果你只是想停止付费，那就[取消订阅](/help/account-and-billing/cancel-your-subscription) — 你的成果会保留。\n\n## 先导出\n\n东西一旦没了就是真没了。把你需要的都拿走：\n\n- [导出到 Figma](/help/export-and-handoff/export-to-figma)\n- [导出代码](/help/export-and-handoff/export-code)\n- [导出为 PDF 或图片](/help/export-and-handoff/export-pdf-and-images)\n\n## 删除\n\n1. **管理账号 → 注销账号。**\n2. 确认 — 这里特意做了两步确认。\n3. 可以顺便告诉我们原因。这些会有人真的去读，也是我们收到的最有用的反馈。\n\n## 还在订阅中\n\n先取消订阅，让扣费干净地停下来。删除账号本身并不能解决一个悬而未决的账单问题 — 如果有，请先把它处理掉。\n\n## 已发布的网站\n\n注销账号会让你已发布的网站下线，并释放它们的子域名。如果有线上网站要紧，请在删除之前先把它迁走。\n\n## 团队\n\n如果你是某个团队的所有者，请在删除之前转移所有权，否则团队的项目会跟着你一起消失。","text":"在你删除之前 删除是永久性的。它会移除你的项目、页面、主题、素材和历史记录。没有撤销，也没有恢复。 如果你只是想停止付费，那就取消订阅 — 你的成果会保留。 先导出 东西一旦没了就是真没了。把你需要的都拿走： - 导出到 Figma - 导出代码 - 导出为 PDF 或图片 删除 1. 管理账号 → 注销账号。 2. 确认 — 这里特意做了两步确认。 3. 可以顺便告诉我们原因。这些会有人真的去读，也是我们收到的最有用的反馈。 还在订阅中 先取消订阅，让扣费干净地停下来。删除账号本身并不能解决一个悬而未决的账单问题 — 如果有，请先把它处理掉。 已发布的网站 注销账号会让你已发布的网站下线，并释放它们的子域名。如果有线上网站要紧，请在删除之前先把它迁走。 团队 如果你是某个团队的所有者，请在删除之前转移所有权，否则团队的项目会跟着你一起消失。"},{"slug":"i-ran-out-of-credits","category":"troubleshooting","categoryTitle":"问题排查","title":"我的额度用完了","description":"余额在半途用完会怎样，以及怎样重新跑起来。","url":"https://uxmagic.ai/zh/help/troubleshooting/i-ran-out-of-credits","type":"troubleshooting","keywords":["额度用完","没额度","不足","余额","被拦住","402"],"headings":["你会看到什么","如果是跑到一半发生的","怎么拿到更多额度","让下一批额度撑更久","团队额度池","为失败的操作被扣费了？"],"updated":"2026-09-03","faqs":[],"related":["earn-free-credits","how-credits-work","upgrade-or-downgrade"],"markdown":"## 你会看到什么\n\n一条明确的提示，说你的额度用完了 — 可能出现在你要开启会话时，也可能出现在某一轮跑到一半时。会话至少需要 **4 额度**才能开始。\n\n## 如果是跑到一半发生的\n\n已经设计好的页面会**保留**。你没有丢掉已完成的成果 — 只是流程剩下的部分还没拿到。\n\n充值或升级，然后把剩下的页面要回来。它们会按同一套主题来设计，所以整条流程仍是一致的。\n\n## 怎么拿到更多额度\n\n- **[升级](/help/account-and-billing/upgrade-or-downgrade)** — 付费方案每个账单周期都会补充额度。\n- **[推荐别人](/help/account-and-billing/referral-program)** — 对方升级时你得 250 额度。\n- **等额度刷新** — 免费方案的额度每天刷新；付费方案在账单日重置。两者都不累积，所以攒着没意义。\n\n## 让下一批额度撑更久\n\n最大的收益来自“不重新生成”。定向编辑花 0.2 额度；重新生成一个页面花 6。完整对照表和最省额度的那些习惯，见[额度如何计费](/help/account-and-billing/how-credits-work)。\n\n## 团队额度池\n\n在团队项目里，费用记在**团队**的额度池或你从中分得的配额上。所以那里的“额度用完”也可能意味着你的个人配额用光了，而团队池还有 — 找团队所有者把配额调高。见[团队与席位](/help/collaborate/teams-and-seats)。\n\n## 为失败的操作被扣费了？\n\n没有产出任何东西的工作不该计费。如果计了，请带上项目链接和大致时间[联系支持](/help/troubleshooting/contact-support)。","text":"你会看到什么 一条明确的提示，说你的额度用完了 — 可能出现在你要开启会话时，也可能出现在某一轮跑到一半时。会话至少需要 4 额度才能开始。 如果是跑到一半发生的 已经设计好的页面会保留。你没有丢掉已完成的成果 — 只是流程剩下的部分还没拿到。 充值或升级，然后把剩下的页面要回来。它们会按同一套主题来设计，所以整条流程仍是一致的。 怎么拿到更多额度 - 升级 — 付费方案每个账单周期都会补充额度。 - 推荐别人 — 对方升级时你得 250 额度。 - 等额度刷新 — 免费方案的额度每天刷新；付费方案在账单日重置。两者都不累积，所以攒着没意义。 让下一批额度撑更久 最大的收益来自“不重新生成”。定向编辑花 0.2 额度；重新生成一个页面花 6。完整对照表和最省额度的那些习惯，见额度如何计费。 团队额度池 在团队项目里，费用记在团队的额度池或你从中分得的配额上。所以那里的“额度用完”也可能意味着你的个人配额用光了，而团队池还有 — 找团队所有者把配额调高。见团队与席位。 为失败的操作被扣费了？ 没有产出任何东西的工作不该计费。如果计了，请带上项目链接和大致时间联系支持。"},{"slug":"blank-or-empty-screens","category":"troubleshooting","categoryTitle":"问题排查","title":"某个页面是空白的","description":"规划之后出现的空画板、打开就空的画布，以及什么都渲染不出来的页面。","url":"https://uxmagic.ai/zh/help/troubleshooting/blank-or-empty-screens","type":"troubleshooting","keywords":["空白","空的","什么都没有","白屏","渲染不出来","页面不见了"],"headings":["1. 画板规划出来了，但从没被设计","2. 画布是空的，但页面确实存在","3. 页面有内容，但什么都渲染不出来","还是空白"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","style-guide-did-not-apply","contact-support"],"markdown":"空白页面有三个各不相同的原因。按顺序排查。\n\n## 1. 画板规划出来了，但从没被设计\n\n最常见的一种。页面规划会在画布上创建带名字的**空**画板，然后一个一个地设计它们。如果这一轮提前停了 — 额度用完、报错、或者中途取消 — 你手上就会剩下一堆名字正确、内容为空的画板。\n\n**办法：** 让它把空页面设计出来：\n\n> 把价格页和设置页设计出来 — 它们还是空的。\n\n先看一眼额度余额，免得同样的事再来一次。\n\n## 2. 画布是空的，但页面确实存在\n\n如果项目打开后什么都看不到，但你知道页面在：\n\n1. **显示全部页面**（Shift+1）。页面可能在视口之外。\n2. **刷新页面。**\n3. **把浏览器窗口拉宽。** 窗口太窄会把画布区域挤到几乎没有。\n4. **换个浏览器试试**，排除某个扩展的干扰。\n\n## 3. 页面有内容，但什么都渲染不出来\n\n这通常是样式问题，不是内容问题 — 见[我的样式指南没生效](/help/troubleshooting/style-guide-did-not-apply)。如果页面里有图表或动画，见[图表或动画渲染不出来](/help/troubleshooting/charts-or-animations-not-rendering)。\n\n## 还是空白\n\n带上项目链接和页面名称[联系支持](/help/troubleshooting/contact-support)。请先别把空白页面删掉 — 它就是证据。","text":"空白页面有三个各不相同的原因。按顺序排查。 1. 画板规划出来了，但从没被设计 最常见的一种。页面规划会在画布上创建带名字的空画板，然后一个一个地设计它们。如果这一轮提前停了 — 额度用完、报错、或者中途取消 — 你手上就会剩下一堆名字正确、内容为空的画板。 办法： 让它把空页面设计出来： 把价格页和设置页设计出来 — 它们还是空的。 先看一眼额度余额，免得同样的事再来一次。 2. 画布是空的，但页面确实存在 如果项目打开后什么都看不到，但你知道页面在： 1. 显示全部页面（Shift+1）。页面可能在视口之外。 2. 刷新页面。 3. 把浏览器窗口拉宽。 窗口太窄会把画布区域挤到几乎没有。 4. 换个浏览器试试，排除某个扩展的干扰。 3. 页面有内容，但什么都渲染不出来 这通常是样式问题，不是内容问题 — 见我的样式指南没生效。如果页面里有图表或动画，见图表或动画渲染不出来。 还是空白 带上项目链接和页面名称联系支持。请先别把空白页面删掉 — 它就是证据。"},{"slug":"style-guide-did-not-apply","category":"troubleshooting","categoryTitle":"问题排查","title":"我的样式指南或主题没生效","description":"页面渲染出来没有样式，或者主题改动被忽略 — 该检查什么、该给我们发什么。","url":"https://uxmagic.ai/zh/help/troubleshooting/style-guide-did-not-apply","type":"troubleshooting","keywords":["没有样式","主题没生效","样式丢失","样式指南","颜色不见了","朴素"],"headings":["看画布，别看回复","办法，按顺序来","尤其是字体","别一个页面一个页面地修","报告这个问题"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","fonts-and-typography","blank-or-empty-screens"],"markdown":"症状：页面渲染成没有样式的朴素内容，或者主题改动明显作用到了一部分页面而没作用到另一部分。\n\n## 看画布，别看回复\n\n一个重要习惯：对话可能报告主题改动完成了，而画布纹丝没动。**相信画布。** 如果页面没变，那改动就没生效，不管消息里怎么说。\n\n## 办法，按顺序来\n\n1. **重新加载项目。** 渲染没刷新是最省事的一种解释。\n2. **在对话里重新应用一次主题改动** — 然后盯着页面看。\n3. **在项目级别重新应用。** 如果你当时是聚焦在某一个页面上提的要求，那就明确地再说一遍：*“把这个主题应用到项目里的每一个页面。”*\n4. **看看页面是怎么来的。** 作为响应式变体创建的页面，或者通过某些导入路径进来的页面，历来是最容易漏掉项目主题的。如果就某一个页面格格不入，多半就是这个原因 — 点名让它把主题应用到那个页面上。\n\n## 尤其是字体\n\n主题里可以设好字体，而加载该字体的样式表却没刷新，于是设计“声称”用了某个字体，实际却没渲染出来。见[字体与排印](/help/design-and-edit/fonts-and-typography)。\n\n## 别一个页面一个页面地修\n\n手动给每个页面重新配色，症状是消失了，但日后必然走样。还是把主题正确地应用上去。\n\n## 报告这个问题\n\n带上项目链接、页面名称，以及你当时提的要求，[联系支持](/help/troubleshooting/contact-support)。这个问题在我们这边是可以修的，而具体的报告正是让修复成为可能的东西。","text":"症状：页面渲染成没有样式的朴素内容，或者主题改动明显作用到了一部分页面而没作用到另一部分。 看画布，别看回复 一个重要习惯：对话可能报告主题改动完成了，而画布纹丝没动。相信画布。 如果页面没变，那改动就没生效，不管消息里怎么说。 办法，按顺序来 1. 重新加载项目。 渲染没刷新是最省事的一种解释。 2. 在对话里重新应用一次主题改动 — 然后盯着页面看。 3. 在项目级别重新应用。 如果你当时是聚焦在某一个页面上提的要求，那就明确地再说一遍：“把这个主题应用到项目里的每一个页面。” 4. 看看页面是怎么来的。 作为响应式变体创建的页面，或者通过某些导入路径进来的页面，历来是最容易漏掉项目主题的。如果就某一个页面格格不入，多半就是这个原因 — 点名让它把主题应用到那个页面上。 尤其是字体 主题里可以设好字体，而加载该字体的样式表却没刷新，于是设计“声称”用了某个字体，实际却没渲染出来。见字体与排印。 别一个页面一个页面地修 手动给每个页面重新配色，症状是消失了，但日后必然走样。还是把主题正确地应用上去。 报告这个问题 带上项目链接、页面名称，以及你当时提的要求，联系支持。这个问题在我们这边是可以修的，而具体的报告正是让修复成为可能的东西。"},{"slug":"images-are-broken-or-missing","category":"troubleshooting","categoryTitle":"问题排查","title":"图片损坏、缺失或一直在加载","description":"占位方框、一直转圈的图片，以及导出之后消失的图片。","url":"https://uxmagic.ai/zh/help/troubleshooting/images-are-broken-or-missing","type":"troubleshooting","keywords":["图片坏了","图片加载不出来","占位图","图片缺失","转圈","卡住"],"headings":["图片一直停在加载占位上","破损图片图标","上传的图片读不出来","导出代码后图片消失了","改了主题之后图片看着不搭","到处都是同一个错的 Logo"],"updated":"2026-08-27","faqs":[],"related":["images-in-your-designs","export-code","contact-support"],"markdown":"## 图片一直停在加载占位上\n\n有时图片其实已经生成完了，卡片却一直显示占位。图片本身通常是好的。\n\n**办法：** 重新加载项目。如果图片出现了，那就是显示问题而不是生成问题。如果刷新之后还是占位，那就让它重新生成一次。\n\n## 破损图片图标\n\n图片的引用还在，但文件解析不到。让它重新生成：\n\n> 落地页的首屏图坏了 — 重新生成一下。\n\n## 上传的图片读不出来\n\n如果你给了 AI 一个图片网址，而它说读不了，那这个网址必须是**公开可访问**的。登录墙后面的、私有存储桶里的，或者已过期的分享链接都取不到。请直接上传文件，而不是贴链接。\n\n## 导出代码后图片消失了\n\n这是预期之内的，也必须提前规划：导出的代码是按网址引用你项目素材存储里的图片的。上线前先把素材下载到你的仓库 — 否则你的生产站点就依赖着一批你控制不了的网址。见[导出代码](/help/export-and-handoff/export-code)。\n\n## 改了主题之后图片看着不搭\n\n生成的图片不会自动跟随新的配色。请让它原地重新配色，而不是重新生成 — 这样图片的其他一切都保持不变。见[设计中的图片](/help/design-and-edit/images-in-your-designs)。\n\n## 到处都是同一个错的 Logo\n\n用“全局替换”这条路，而不是一个页面一个页面地改：\n\n> 把每个页面上的 Logo 都换成我刚上传的那个。","text":"图片一直停在加载占位上 有时图片其实已经生成完了，卡片却一直显示占位。图片本身通常是好的。 办法： 重新加载项目。如果图片出现了，那就是显示问题而不是生成问题。如果刷新之后还是占位，那就让它重新生成一次。 破损图片图标 图片的引用还在，但文件解析不到。让它重新生成： 落地页的首屏图坏了 — 重新生成一下。 上传的图片读不出来 如果你给了 AI 一个图片网址，而它说读不了，那这个网址必须是公开可访问的。登录墙后面的、私有存储桶里的，或者已过期的分享链接都取不到。请直接上传文件，而不是贴链接。 导出代码后图片消失了 这是预期之内的，也必须提前规划：导出的代码是按网址引用你项目素材存储里的图片的。上线前先把素材下载到你的仓库 — 否则你的生产站点就依赖着一批你控制不了的网址。见导出代码。 改了主题之后图片看着不搭 生成的图片不会自动跟随新的配色。请让它原地重新配色，而不是重新生成 — 这样图片的其他一切都保持不变。见设计中的图片。 到处都是同一个错的 Logo 用“全局替换”这条路，而不是一个页面一个页面地改： 把每个页面上的 Logo 都换成我刚上传的那个。"},{"slug":"clone-came-out-blank-or-partial","category":"troubleshooting","categoryTitle":"问题排查","title":"克隆结果是空白或不完整的","description":"网站克隆为什么会回来不完整，以及怎样把它补完。","url":"https://uxmagic.ai/zh/help/troubleshooting/clone-came-out-blank-or-partial","type":"troubleshooting","keywords":["克隆失败","部分克隆","克隆空白","网站克隆","区块缺失"],"headings":["本该是内容区块的地方成了占位","什么都没回来","克隆漏掉了我真正在意的部分","文字挤在一起或者看起来不对"],"updated":"2026-08-27","faqs":[],"related":["clone-a-website","blank-or-empty-screens","how-credits-work"],"markdown":"## 本该是内容区块的地方成了占位\n\n这是设计使然。当一个页面太长或太复杂、无法一次重建完时，那些没能重建的区块会以**带标注的占位区块**留在画布上 — 一个有诚实空缺的页面，好过一个悄悄被砍短的页面。\n\n**办法：** 让 AI 把这次克隆完成。\n\n> 把克隆补完 — 那些占位区块还是空的。\n\n它会重新抓取原页面，只重建缺失的部分。这只花新克隆一次的一小部分成本（2 额度对 10 额度），所以别把整个克隆重跑一遍。\n\n## 什么都没回来\n\n通常是页面根本没能抓取到：\n\n- **它需要登录。** 无法克隆。请改为对页面截图，然后用[截图转界面](/help/generate/screenshot-to-ui)。\n- **有机器人防护。** Cloudflare 验证之类会挡住自动抓取。\n- **网址填错了。** 记得带上协议，并在无痕窗口里确认它能打开。\n- **内容藏在交互之后。** 点击才展开的菜单、弹窗、轮播的后几张，在有人点之前根本不存在。\n\n## 克隆漏掉了我真正在意的部分\n\n长页面最先丢的是尾部。如果你需要的内容在页面很靠下的位置，那就先克隆，然后专门要：\n\n> 把那个页面的常见问题区和页脚区重建出来。\n\n## 文字挤在一起或者看起来不对\n\n请告诉我们。克隆输出的质量是我们持续在改进的，而具体的例子正是推动它的东西 — 带上源网址和项目链接[联系支持](/help/troubleshooting/contact-support)。","text":"本该是内容区块的地方成了占位 这是设计使然。当一个页面太长或太复杂、无法一次重建完时，那些没能重建的区块会以带标注的占位区块留在画布上 — 一个有诚实空缺的页面，好过一个悄悄被砍短的页面。 办法： 让 AI 把这次克隆完成。 把克隆补完 — 那些占位区块还是空的。 它会重新抓取原页面，只重建缺失的部分。这只花新克隆一次的一小部分成本（2 额度对 10 额度），所以别把整个克隆重跑一遍。 什么都没回来 通常是页面根本没能抓取到： - 它需要登录。 无法克隆。请改为对页面截图，然后用截图转界面。 - 有机器人防护。 Cloudflare 验证之类会挡住自动抓取。 - 网址填错了。 记得带上协议，并在无痕窗口里确认它能打开。 - 内容藏在交互之后。 点击才展开的菜单、弹窗、轮播的后几张，在有人点之前根本不存在。 克隆漏掉了我真正在意的部分 长页面最先丢的是尾部。如果你需要的内容在页面很靠下的位置，那就先克隆，然后专门要： 把那个页面的常见问题区和页脚区重建出来。 文字挤在一起或者看起来不对 请告诉我们。克隆输出的质量是我们持续在改进的，而具体的例子正是推动它的东西 — 带上源网址和项目链接联系支持。"},{"slug":"figma-export-failed","category":"troubleshooting","categoryTitle":"问题排查","title":"我的 Figma 导出失败了","description":"导出报错、Figma 文件是空的，以及白白消耗掉配额的导出。","url":"https://uxmagic.ai/zh/help/troubleshooting/figma-export-failed","type":"troubleshooting","keywords":["figma 导出失败","导出报错","figma 是空的","导出不好使"],"headings":["先看导出配额","导出跑完了，但 Figma 里是空的","导出报错了","重新连接","失败的导出不该占掉一次配额","文件没问题，但排版不对"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","plans-and-limits"],"markdown":"## 先看导出配额\n\nFigma 导出是按方案计次的。配额用完之后，导出会停到下个周期或者你升级为止。剩余次数在你的账户里能看到。见[方案与限制](/help/account-and-billing/plans-and-limits)。\n\n## 导出跑完了，但 Figma 里是空的\n\n- 确认你在**正确的 Figma 文件和页面**里 — 画板落在导出所指向的地方，未必是你正在看的地方。\n- 在 Figma 里试试**缩放至适应（zoom to fit）**；画板可能在视口之外。\n- 如果你是通过插件导出的，确认插件登录的是**同一个 UXMagic 账号**。\n\n## 导出报错了\n\n1. **先试一个页面**，而不是整个项目。这能把某一个有问题的页面隔离出来。\n2. 从集成里**重新连接 Figma** — OAuth 令牌确实会过期。\n3. 如果所有导出同时都在失败，那就**看看 Figma 自己的服务状态**。\n\n## 重新连接\n\n**集成 → Figma → 断开，然后重新连接。** 这能解决大多数授权类的失败。\n\n## 失败的导出不该占掉一次配额\n\n如果一次失败的尝试吃掉了你的部分配额，请带上时间戳[联系支持](/help/troubleshooting/contact-support)，我们会补回来。\n\n## 文件没问题，但排版不对\n\n结构会被忠实翻译过去，但 Figma 和网页对文字的排版方式不同，所以换行以及那些没有直接对应物的效果会有细微差别。如果是整整一个区块都错了、而不是稍有不同，那就值得报告。","text":"先看导出配额 Figma 导出是按方案计次的。配额用完之后，导出会停到下个周期或者你升级为止。剩余次数在你的账户里能看到。见方案与限制。 导出跑完了，但 Figma 里是空的 - 确认你在正确的 Figma 文件和页面里 — 画板落在导出所指向的地方，未必是你正在看的地方。 - 在 Figma 里试试缩放至适应（zoom to fit）；画板可能在视口之外。 - 如果你是通过插件导出的，确认插件登录的是同一个 UXMagic 账号。 导出报错了 1. 先试一个页面，而不是整个项目。这能把某一个有问题的页面隔离出来。 2. 从集成里重新连接 Figma — OAuth 令牌确实会过期。 3. 如果所有导出同时都在失败，那就看看 Figma 自己的服务状态。 重新连接 集成 → Figma → 断开，然后重新连接。 这能解决大多数授权类的失败。 失败的导出不该占掉一次配额 如果一次失败的尝试吃掉了你的部分配额，请带上时间戳联系支持，我们会补回来。 文件没问题，但排版不对 结构会被忠实翻译过去，但 Figma 和网页对文字的排版方式不同，所以换行以及那些没有直接对应物的效果会有细微差别。如果是整整一个区块都错了、而不是稍有不同，那就值得报告。"},{"slug":"my-changes-reverted","category":"troubleshooting","categoryTitle":"问题排查","title":"我的改动被回退或消失了","description":"切换版本后又跳回去，或者编辑好像没保存上。","url":"https://uxmagic.ai/zh/help/troubleshooting/my-changes-reverted","type":"troubleshooting","keywords":["被回退","改动丢了","没保存","自己撤销了","消失了","回滚"],"headings":["选中的版本一点别处就跳回去","编辑模式里的改动留不住","AI 的某次编辑改错了方向","⌘Z 没反应","整个页面不见了"],"updated":"2026-08-27","faqs":[],"related":["versions-and-history","editing-a-screen","contact-support"],"markdown":"## 选中的版本一点别处就跳回去\n\n如果你选了一个更早的版本，而一点击别处页面就跳回去了，说明这次选择没有被保存。试试：\n\n1. 选中版本后，**等画布稳定下来**再点别处。\n2. **刷新**，看看当前生效的是哪个版本。\n3. 如果还是跳回去，带上项目链接和页面名称[联系支持](/help/troubleshooting/contact-support) — 这是 bug，不是某个设置。\n\n## 编辑模式里的改动留不住\n\n在你编辑过的元素外面点一下，让改动提交，然后刷新确认它保存上了。如果刷新之后你输入的文字没了，请告诉我们 — 连同页面名称和你输入的内容。\n\n## AI 的某次编辑改错了方向\n\n什么都没被销毁。AI 的每一次改动都会生成**新版本**，上一个还在 — 退回去就行。见[版本与历史](/help/design-and-edit/versions-and-history)。\n\n## ⌘Z 没反应\n\n先点一下空白画布。光标还在提示框里时，撤销属于那个文本框。另外要注意：撤销管的是画布操作，不是 AI 的生成 — 那些请用版本。\n\n## 整个页面不见了\n\n看看项目的**回收站**和版本历史。如果某个页面真的消失了，请尽快联系支持，并且先别在那个项目里继续干活 — 在更多改动压上去之前，恢复起来更容易。","text":"选中的版本一点别处就跳回去 如果你选了一个更早的版本，而一点击别处页面就跳回去了，说明这次选择没有被保存。试试： 1. 选中版本后，等画布稳定下来再点别处。 2. 刷新，看看当前生效的是哪个版本。 3. 如果还是跳回去，带上项目链接和页面名称联系支持 — 这是 bug，不是某个设置。 编辑模式里的改动留不住 在你编辑过的元素外面点一下，让改动提交，然后刷新确认它保存上了。如果刷新之后你输入的文字没了，请告诉我们 — 连同页面名称和你输入的内容。 AI 的某次编辑改错了方向 什么都没被销毁。AI 的每一次改动都会生成新版本，上一个还在 — 退回去就行。见版本与历史。 ⌘Z 没反应 先点一下空白画布。光标还在提示框里时，撤销属于那个文本框。另外要注意：撤销管的是画布操作，不是 AI 的生成 — 那些请用版本。 整个页面不见了 看看项目的回收站和版本历史。如果某个页面真的消失了，请尽快联系支持，并且先别在那个项目里继续干活 — 在更多改动压上去之前，恢复起来更容易。"},{"slug":"the-ai-is-not-following-my-brief","category":"troubleshooting","categoryTitle":"问题排查","title":"AI 不按我的要求做","description":"当产出无视你的品牌、改了你没提的东西，或者声称做成了其实并没做成的事。","url":"https://uxmagic.ai/zh/help/troubleshooting/the-ai-is-not-following-my-brief","type":"troubleshooting","keywords":["不照做","无视指令","颜色不对","品牌","被覆盖","产出不对"],"headings":["对不可让步的事要斩钉截铁","当心配色被整套换掉","去核实，别信摘要","把指令的范围说清楚","每条消息里少改几处","参考图不会覆盖已有主题","如果这事反复发生"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","chat-editing","themes-and-style-guides"],"markdown":"这是最让人窝火的一种失败，而且大部分可以从你这边解决。以下是真正管用的做法。\n\n## 对不可让步的事要斩钉截铁\n\n软绵绵的措辞会被当成偏好。如果某件事是定死的，就用定死的语气说：\n\n> 只使用 #0F3D2E 和 #F5F1E8 这两个颜色。不要引入任何其他颜色。\n> 现有文案一字不动。只改布局。\n\n## 当心配色被整套换掉\n\n一个常见的情形：你指定了品牌色，然后某次主题操作把它们换成了模型认为更协调的一套配色。如果你的颜色不见了，就直说：\n\n> 你把我的品牌色换掉了。把主色改回 #0F3D2E，并且不要再改它。\n\n## 去核实，别信摘要\n\n对话有时会报告改动完成了，而画布并不认同。**去看页面。** 如果它们没动，那改动就没生效 — 把这一点说出来，再要求一次。见[我的样式指南没生效](/help/troubleshooting/style-guide-did-not-apply)。\n\n## 把指令的范围说清楚\n\n聚焦在某一个元素上说“改深色”，可能会把颜色写死在那个元素里，而不是给整个项目重新配主题。凡是全局性的事，请在对话里以项目级别提出，而不是在编辑模式内部。\n\n## 每条消息里少改几处\n\n一次两三处。长清单之间会互相影响，出了问题你也说不清是哪条指令造成的。\n\n## 参考图不会覆盖已有主题\n\n给一个已经有主题的项目附上参考图，并不会把项目重新刷成参考图的配色。请用文字明确要求：*“用这张图的配色，替换掉当前主题。”*\n\n## 如果这事反复发生\n\n告诉我们，带上项目链接和你当时的要求。模型反复无视明确要求会被当作 bug 来对待 — 这是这个产品能造成的最大伤害 — 而具体的例子正是让我们能修好它的东西。[联系支持](/help/troubleshooting/contact-support)。","text":"这是最让人窝火的一种失败，而且大部分可以从你这边解决。以下是真正管用的做法。 对不可让步的事要斩钉截铁 软绵绵的措辞会被当成偏好。如果某件事是定死的，就用定死的语气说： 只使用 #0F3D2E 和 #F5F1E8 这两个颜色。不要引入任何其他颜色。 现有文案一字不动。只改布局。 当心配色被整套换掉 一个常见的情形：你指定了品牌色，然后某次主题操作把它们换成了模型认为更协调的一套配色。如果你的颜色不见了，就直说： 你把我的品牌色换掉了。把主色改回 #0F3D2E，并且不要再改它。 去核实，别信摘要 对话有时会报告改动完成了，而画布并不认同。去看页面。 如果它们没动，那改动就没生效 — 把这一点说出来，再要求一次。见我的样式指南没生效。 把指令的范围说清楚 聚焦在某一个元素上说“改深色”，可能会把颜色写死在那个元素里，而不是给整个项目重新配主题。凡是全局性的事，请在对话里以项目级别提出，而不是在编辑模式内部。 每条消息里少改几处 一次两三处。长清单之间会互相影响，出了问题你也说不清是哪条指令造成的。 参考图不会覆盖已有主题 给一个已经有主题的项目附上参考图，并不会把项目重新刷成参考图的配色。请用文字明确要求：“用这张图的配色，替换掉当前主题。” 如果这事反复发生 告诉我们，带上项目链接和你当时的要求。模型反复无视明确要求会被当作 bug 来对待 — 这是这个产品能造成的最大伤害 — 而具体的例子正是让我们能修好它的东西。联系支持。"},{"slug":"generation-is-slow-or-stuck","category":"troubleshooting","categoryTitle":"问题排查","title":"生成很慢或者卡住了","description":"什么是正常的、什么不正常，以及一轮停住了该怎么办。","url":"https://uxmagic.ai/zh/help/troubleshooting/generation-is-slow-or-stuck","type":"troubleshooting","keywords":["慢","卡住","挂起","超时","一直在加载","冻住了","没反应"],"headings":["什么是正常的","什么不正常","该怎么办","让每轮跑得更快"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","clone-a-website","contact-support"],"markdown":"## 什么是正常的\n\n- **单个页面** — 通常一分钟以内。\n- **多页面流程** — 页面是一个一个设计的，所以五个页面的流程大约要单个页面五倍的时间。\n- **网站克隆** — 明显更久，因为设计工作开始之前，要先用真实浏览器加载目标页面。\n- **整个项目的代码导出** — 以后台任务运行；项目越大越久。\n\n只要页面还在一个接一个地出现在画布上，那就是在正常工作。让它跑。\n\n## 什么不正常\n\n- 好几分钟完全没有任何进展。\n- 对话在一轮中间停住，既没有消息也没有报错。\n- 某个后台任务始终不报告完成。\n\n## 该怎么办\n\n1. **刷新页面。** 那一轮在服务端还在跑；你只是重新连上它。\n2. **看看画布。** 卡住之前完成的页面都在。\n3. **只要缺的那部分**，而不是把整个请求重跑一遍 — 这样就不用为已经完成的工作再付一次钱。\n4. 如果这个问题可以稳定复现，带上项目链接和时间[联系支持](/help/troubleshooting/contact-support)。\n\n## 让每轮跑得更快\n\n- **小批量。** 先三个页面再三个，好过一次十个，而且中间还能纠偏。\n- **用定向编辑代替重新生成** — 既快又省。\n- **先把主题定下来**，免得为了改颜色而把页面重做一遍。","text":"什么是正常的 - 单个页面 — 通常一分钟以内。 - 多页面流程 — 页面是一个一个设计的，所以五个页面的流程大约要单个页面五倍的时间。 - 网站克隆 — 明显更久，因为设计工作开始之前，要先用真实浏览器加载目标页面。 - 整个项目的代码导出 — 以后台任务运行；项目越大越久。 只要页面还在一个接一个地出现在画布上，那就是在正常工作。让它跑。 什么不正常 - 好几分钟完全没有任何进展。 - 对话在一轮中间停住，既没有消息也没有报错。 - 某个后台任务始终不报告完成。 该怎么办 1. 刷新页面。 那一轮在服务端还在跑；你只是重新连上它。 2. 看看画布。 卡住之前完成的页面都在。 3. 只要缺的那部分，而不是把整个请求重跑一遍 — 这样就不用为已经完成的工作再付一次钱。 4. 如果这个问题可以稳定复现，带上项目链接和时间联系支持。 让每轮跑得更快 - 小批量。 先三个页面再三个，好过一次十个，而且中间还能纠偏。 - 用定向编辑代替重新生成 — 既快又省。 - 先把主题定下来，免得为了改颜色而把页面重做一遍。"},{"slug":"charts-or-animations-not-rendering","category":"troubleshooting","categoryTitle":"问题排查","title":"图表或动画渲染不出来","description":"图表位置为什么会出现一个空框，以及交互元素该怎么处理。","url":"https://uxmagic.ai/zh/help/troubleshooting/charts-or-animations-not-rendering","type":"troubleshooting","keywords":["图表","图形","动画","canvas 元素","空白图表","交互","脚本"],"headings":["该有图表的地方是个空框","动画不播放","导出之后","报告这个问题"],"updated":"2026-08-27","faqs":[],"related":["blank-or-empty-screens","export-code","contact-support"],"markdown":"## 该有图表的地方是个空框\n\n图表是由脚本画进 canvas 元素里的。如果页面在没有重新执行那段脚本的情况下被重新渲染 — 刷新之后、切换版本之后，或者保存之后 — 元素还在，但画上去的东西没了，于是你看到一个空框。\n\n**可以试什么**\n\n1. **重新加载项目。** 常常就够了。\n2. 让它在那个页面上**把图表重建一遍**。\n3. 如果它在设计稿里只需要看起来对，那就**要一个静态图表**：*“把这个图表换成静态 SVG 版本。”* 静态图表能经受住每一次保存和导出，对于交付设计稿来说，这通常正是你想要的。\n\n## 动画不播放\n\n同一个根本原因。设计是以标记形式存储的，而那些依赖脚本在恰当时机执行的行为，不一定能在一来一回中存活下来。凡是动效偏重的东西，请在这里设计静态画面，导出之后再实现动效。\n\n## 导出之后\n\n导出的代码里装的是页面上当时有的东西。如果图表在画布上就是空的，那它在导出结果里也是空的。要么导出前先修好，要么在你自己的代码库里接上真正的图表库 — 反正等它要显示真实数据时，你迟早也得这么做。\n\n## 报告这个问题\n\n如果某个特定页面上的图表稳定地是空白的，请带上项目链接和页面名称[联系支持](/help/troubleshooting/contact-support)。","text":"该有图表的地方是个空框 图表是由脚本画进 canvas 元素里的。如果页面在没有重新执行那段脚本的情况下被重新渲染 — 刷新之后、切换版本之后，或者保存之后 — 元素还在，但画上去的东西没了，于是你看到一个空框。 可以试什么 1. 重新加载项目。 常常就够了。 2. 让它在那个页面上把图表重建一遍。 3. 如果它在设计稿里只需要看起来对，那就要一个静态图表：“把这个图表换成静态 SVG 版本。” 静态图表能经受住每一次保存和导出，对于交付设计稿来说，这通常正是你想要的。 动画不播放 同一个根本原因。设计是以标记形式存储的，而那些依赖脚本在恰当时机执行的行为，不一定能在一来一回中存活下来。凡是动效偏重的东西，请在这里设计静态画面，导出之后再实现动效。 导出之后 导出的代码里装的是页面上当时有的东西。如果图表在画布上就是空的，那它在导出结果里也是空的。要么导出前先修好，要么在你自己的代码库里接上真正的图表库 — 反正等它要显示真实数据时，你迟早也得这么做。 报告这个问题 如果某个特定页面上的图表稳定地是空白的，请带上项目链接和页面名称联系支持。"},{"slug":"contact-support","category":"troubleshooting","categoryTitle":"问题排查","title":"联系支持","description":"怎么找到我们，以及带上哪些信息能让我们一次回复就把问题解决。","url":"https://uxmagic.ai/zh/help/troubleshooting/contact-support","type":"guide","keywords":["支持","帮助","联系","邮件","在线聊天","bug 反馈","找真人"],"headings":["怎么找到我们","带上哪些信息","请不要把证据删掉","账单","功能建议"],"updated":"2026-08-27","faqs":[],"related":["i-ran-out-of-credits","the-ai-is-not-following-my-brief","refunds"],"markdown":"## 怎么找到我们\n\n- **应用内聊天** — 最快的路。从控制台或[支持页面](/support)打开消息窗口。\n- **邮件** — **hello@uxmagic.ai**。\n- **Enterprise** — 带响应时限承诺的优先支持是方案的一部分。\n\n## 带上哪些信息\n\n这决定了是一次回复就解决，还是来回拉扯一周：\n\n1. **项目链接。** 从地址栏复制。\n2. **页面名称**，如果问题只涉及某一个页面。\n3. **你当时的要求** — 把提示词贴上。\n4. **实际发生了什么**，以及你原本期望什么。\n5. **大约什么时候。** 时间和时区。\n6. **一张截图**，如果问题是视觉上的。\n\n## 请不要把证据删掉\n\n如果某个页面是空白的、坏掉的或者不对的，在我们看过之前请把它留在原处。删掉它，就等于把“当时到底出了什么问题”的唯一记录也删掉了。\n\n## 账单\n\n任何和账单有关的事，请在向银行发起争议之前先写信到 **hello@uxmagic.ai** — 争议在审核期间可能会冻结你的账户。见[账单、发票与支付方式](/help/account-and-billing/billing-and-invoices)。\n\n## 功能建议\n\n真心欢迎。请告诉我们你想解决的问题，而不是你已经设计好的那个功能 — 我们常常能用一种你没想到的方式解决它，或者告诉你它其实已经有了。","text":"怎么找到我们 - 应用内聊天 — 最快的路。从控制台或支持页面打开消息窗口。 - 邮件 — hello@uxmagic.ai。 - Enterprise — 带响应时限承诺的优先支持是方案的一部分。 带上哪些信息 这决定了是一次回复就解决，还是来回拉扯一周： 1. 项目链接。 从地址栏复制。 2. 页面名称，如果问题只涉及某一个页面。 3. 你当时的要求 — 把提示词贴上。 4. 实际发生了什么，以及你原本期望什么。 5. 大约什么时候。 时间和时区。 6. 一张截图，如果问题是视觉上的。 请不要把证据删掉 如果某个页面是空白的、坏掉的或者不对的，在我们看过之前请把它留在原处。删掉它，就等于把“当时到底出了什么问题”的唯一记录也删掉了。 账单 任何和账单有关的事，请在向银行发起争议之前先写信到 hello@uxmagic.ai — 争议在审核期间可能会冻结你的账户。见账单、发票与支付方式。 功能建议 真心欢迎。请告诉我们你想解决的问题，而不是你已经设计好的那个功能 — 我们常常能用一种你没想到的方式解决它，或者告诉你它其实已经有了。"}]}