atoms平台支持快速创建可交互应用原型并部署为公开链接:登录后选择“应用原型”模板,拖拽组件编辑内容,保存后配置页面跳转与变量逻辑,最后发布并启用公开访问生成唯一url供评审或演示。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在 Atoms 平台上快速创建可交互的应用原型,并将其部署为可公开访问的链接供团队评审或客户演示,是产品设计师和前端协作的关键动作。
创建 Atoms 应用原型
打开 Atoms 官网并登录您的 Atlassian 账户 → 点击左上角「+ 新建」→ 选择「应用原型(App Prototype)」模板。
这一步会自动初始化一个含默认页面、导航栏和基础组件库的空白画布,无需手动配置框架结构。
从左侧组件面板拖拽「按钮」「输入框」「卡片」「列表」等交互元件到画布中;所有组件默认支持悬停、点击、禁用等状态样式,双击文本即可编辑内容。
【必须先保存再添加交互逻辑】:未保存的原型无法绑定跳转或变量,保存后右上角状态栏会显示“已发布草稿”。
为原型添加页面跳转与变量逻辑
方法一:使用「页面链接」快速跳转
选中一个按钮 → 右侧属性栏切换到「交互」标签 → 点击「添加动作」→ 选择「跳转到页面」→ 从下拉菜单中选择目标页面(如“登录成功页”或“设置页”)。
方法二:用变量驱动动态内容
在顶部菜单栏点击「变量」→ 「新建变量」→ 命名为 userRole → 类型选「字符串」→ 默认值填 guest;然后选中某段文字组件,在「绑定」中选择该变量,即可实现角色切换时文案自动变化。
注意:变量名不支持空格和中文,否则运行时会报错且不提示具体位置。
部署原型为可访问链接
第一步:确认所有页面已完成命名且无未保存修改
第二步:点击右上角「发布」按钮 → 弹窗中勾选「启用公开访问」→ 选择访问权限:仅限组织内成员 / 允许任意拥有链接者查看
第三步:点击「生成部署链接」→ 系统自动生成类似 https://atoms.atlassian.com/p/abc123xyz 的唯一 URL
第四步:复制链接 → 打开新浏览器隐身窗口粘贴访问,验证加载是否正常、跳转是否生效、变量是否响应
分享原型给他人协作评审
在已发布的原型页面右上角点击「共享」图标 → 输入同事的 Atlassian 邮箱地址 → 设置权限为「可评论」或「可编辑」→ 发送邀请。
被邀请人登录后,会在 Atoms 左侧「共享给我的」栏目中看到该原型,点击即可进入带批注工具的评审视图。
若对方没有 Atlassian 账户,且你选择了「允许任意拥有链接者查看」,则直接发送链接即可访问,但无法留下带身份的评论。











