设计产品，而不只是画面

附上截图或描述界面。Mythex 会把它构建成可用的应用，带真实的数据、真实的状态，以及可以分享的实时链接。

从一个想法开始

构建一个四步引导流程，带进度条、输入时即时校验的个人资料表单、跳过选项和完成页面。

构建一个动态风格指南，展示我们的颜色、字号层级、按钮、输入框、卡片和提示，每个都有默认、悬停、禁用和错误状态。

构建一个作品集网站，用网格展示案例研究，每个案例有一个带大图和简短说明的页面，另有联系表单。

构建一个可点击的数据分析仪表板，包含侧边栏、日期范围选择器、四张数据卡片和一个图表，填入逼真的示例数据。

可用的产品能展示静态画面展示不了的东西。构建它、点击它，分享真实的成品。

输入时即时校验的表单、从真实数据库加载的列表，以及真正有作用的按钮。

空状态、加载、错误和重试，正是产品容易出问题的地方。逐一提出要求，看到它们真正运行。

把管理员看到的和普通成员看到的并排展示，带真实的登录和角色。

步骤顺序、默认值和哪些可选，决定了用户能否完成引导。试用真实的流程，而不是它的图片。

分享预览链接或直接发布。工程师拿到可用的参考版本；在 Pro 中，还能拿到代码。

测试空状态、加载和错误状态，会校验的表单，以及从真实数据库加载的列表。这些都是静态画面展示不了的。

以图片形式附上截图或设计稿，让 Mythex 照着做。需要时在聊天中生成首屏插图和插画。

分享预览链接或发布应用。在手机尺寸的预览中检查每个界面；在 Pro 中，还能自己调整 CSS 和组件。

用大白话说出你要什么，或者从模板开始。

Mythex 编写代码、配置数据库，并显示实时预览。

一键发布到公开地址，也可以只给团队使用。

只需连接一次 Google Sheets、Gmail、Slack、Notion、HubSpot 等数百种工具，然后在聊天中说出需求。你的应用可以读写这些工具的数据，密钥永远不会出现在代码里。

不能直接导入。把画框导出为图片并附到聊天中，Mythex 会据此构建界面。图片里看不出来的，用文字描述即可。

很接近，而且可以通过聊天越改越像：指出哪里的间距、颜色或字体不对。在 Pro 中你还可以自己改代码。

Mythex 构建的 Web 应用可以在手机浏览器中使用。预览提供手机尺寸的画框，你可以在这个宽度下检查每个界面。

免费开始，附上一张截图，几分钟后就能看到你的设计运行起来。