UXMagic 首页
  • 功能
  • 资源库
  • 社区
  • 价格
  • 联盟计划
  • 资源
UXMagic 首页
UXMagic 首页

资源库

社区
价格
联盟计划

资源

关注我们:
  • 在 Slack 上关注我们
  • 在 Twitter 上关注我们
  • 在 LinkedIn 上关注我们
  • 在 YouTube 上关注我们
  • 在 Instagram 上关注我们
帮助中心
  • 🚀快速上手
    • UXMagic 是什么?
    • 创建你的第一个项目
    • 画布、项目与页面
    • 把提示词写到能拿到想要的结果
    • 键盘快捷键
    • 你的账号与个人资料
  • ✨生成设计
  • 🎨设计与编辑
  • 📦导出与交接
  • 🌐发布线上网站
  • 🤝分享与协作
  • 🔌集成与开发者
  • 💳方案、额度与账单
  • 🛠问题排查

还是卡住了?

我们的团队在产品内直接回复。

联系支持 →
  1. 帮助中心/
  2. 快速上手/
  3. 创建你的第一个项目

创建你的第一个项目

从注册到一个可编辑的成品页面,大约五分钟。

最后更新 2026年9月3日

本页内容

  • 1. 登录
  • 2. 新建项目
  • 3. 描述你想要什么
  • 4. 确认规划
  • 5. 看它设计
  • 6. 迭代
  • 7. 交付出去
  • 第一次使用最常见的几个坑

这篇文章带你从一个全新账号走到一个可以编辑和导出的页面。

uxmagic.ai/dashboard
UXMagic 控制台,提示框中写着“描述您想创建的内容”,下方是推荐的起步想法。
The dashboard: describe a screen, and UXMagic designs it.

1. 登录#

打开 uxmagic.ai,用 Google 或邮箱注册。无需信用卡 — 免费方案每天给你 20 额度,大约够做 3 个页面,最多 5 个项目。

2. 新建项目#

在控制台点击新建项目。项目是一组共用同一主题的页面的容器 — 一个产品、一个网站、一条流程。把不相关的工作放进不同项目,免得它们的设计系统互相冲撞。

3. 描述你想要什么#

在提示框里写下你的需求。把产品、页面和受众说清楚:

一款面向小型代理商的项目管理 SaaS。我需要一个营销落地页、一个价格页,以及一个显示进行中项目的仪表盘。风格干净现代,深蓝配白色,亲切但专业。

如果你有品牌规范、参考网站或产品需求文档,现在就附上 — 见生成页面的几种方式。

4. 确认规划#

对于新项目,AI 通常会在动手设计之前先提出一份页面清单。你可以添加页面、重命名、删掉不需要的,然后确认。这一步的成本是特意做低的 — 改规划远比重做五个成品页面划算。

5. 看它设计#

页面一个一个地设计,完成一个就出现在画布上。这期间你可以继续做别的事。

6. 迭代#

两种改法:

  • 对话 — 用于结构性或主题性的改动:“在首屏下面加一段用户评价”、“整体改成深色”、“换掉行动按钮的文案”。
  • 编辑模式 — 点进页面直接改文字、换图片,不消耗一次生成。

见编辑页面。

7. 交付出去#

满意之后:导出到 Figma、导出代码,或者发布成线上网站。

第一次使用最常见的几个坑#

  • 明明想要一条流程,却一次只让它做一个页面。 一开始就把整条流程说出来,页面才会共用同一套主题和导航结构。
  • 一个页面一个页面地调主题。 主题改一次就会作用于整个项目。见主题与样式指南。
  • 为了一个错别字重新生成。 用编辑模式。重新生成要花额度,改文字不花。

常见问题

开始使用需要信用卡吗?
不需要。免费方案每天给你 20 额度 — 大约够做 3 个页面 — 无需绑定任何银行卡。
第一个页面要多久?
单个页面通常一分钟内完成。完整的多页面规划所需时间会按比例增加,因为页面是一个一个设计的。

这篇文章有帮助吗?

相关文章

画布、项目与页面

项目、页面、版本和无限画布之间是怎么组合起来的。

把提示词写到能拿到想要的结果

一条提示词里该包含的五样东西,以及那些注定要出问题的说法。

生成页面的所有方式

提示词、截图、草图、网址、Figma 导入,或产品需求文档 — 以及该选哪一种。

← 上一篇UXMagic 是什么?下一篇 →画布、项目与页面

本页内容

  • 1. 登录
  • 2. 新建项目
  • 3. 描述你想要什么
  • 4. 确认规划
  • 5. 看它设计
  • 6. 迭代
  • 7. 交付出去
  • 第一次使用最常见的几个坑

你的下一个想法
值得被实现

别再空想了,直接打出来。写得糙、想得半成品都没关系,我们会把它变成真实的作品。

产品

  • 社区
  • 价格方案
  • 联盟计划
  • UXMagic MCP
  • Claude MCP
  • AI 信息

资源

  • 帮助中心
  • Figma 组件库
  • React 组件库
  • 移动应用模板
  • 文档
  • 教程

功能

  • 提示词转 UI
  • 图片转 UI
  • 草图转 UI
  • 克隆网站
  • 从 Figma 导入
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • 全部功能

对比

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • 全部竞品对比

博客

  • AI 融入 UX 设计工作流:哪些方法真正有效
  • SaaS 仪表盘提示词模板
  • 我们用来生成产品流程的真实提示词
  • 写给 UX 设计师的提示词工程
  • 2026 年最佳线框图工具:10 款免费与专业版对比
  • 全部博客

公司与支持

  • 招聘
  • 联系我们
  • 隐私政策
  • 使用条款
  • Cookie 设置
  • 在 Slack 上关注我们
  • 在 Twitter 上关注我们
  • 在 LinkedIn 上关注我们
  • 在 YouTube 上关注我们
  • 在 Instagram 上关注我们

© 2026 UXMagic AI Technologies Inc.