本文讲解Atoms如何从一句自然语言需求创建可分享的应用原型，覆盖项目类型选择、目标描述、预览检查、修改反馈、工具连接和发布分享步骤，并说明需求怎么写更稳，适合第一次使用Atoms做网站、应用或仪表盘原型的人。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在Atoms中创建可交互的应用原型并对外分享，必须先确认你使用的是否为Atlassian官方推出的Atoms工具——但根据截至2026年9月的全部公开资料与Marketplace应用目录，Atlassian并未发布名为“Atoms”的原型设计工具。你所指的极可能是Atomic（非Atlassian出品）或误将Atomic Design理论、Atoms Design System组件库、或某第三方工具名称混淆为“Atoms”。
确认工具身份：Atomic不是Atlassian产品
Atomic是一款独立的在线原型设计平台，由Atomic.io团队开发，与Atlassian无隶属或集成关系。它不托管在atlassian.com域名下，也不出现在Atlassian Marketplace中。如果你在Jira或Confluence界面里看到“Atoms”字样，那很可能是某个自定义字段名、内部命名空间、或第三方插件的局部别称——此时需检查该名称实际指向的后台应用ID或URL路径。
若你正使用的是某企业内部部署的定制化原型平台，其登录页URL不含atomic.io或atlassian.com，则不属于本教程覆盖范围。
如果是Atomic.io：创建原型的实操步骤
第一步：访问 https://atomic.io → 点击“Sign in” → 使用Google、GitHub或邮箱注册/登录账户。
第二步：点击左上角“+ New Project” → 选择设备类型（iOS、Android、Web）→ 命名项目（如“Login Flow V2”）→ 点击“Create”。
第三步：在画布区拖入基础组件（Button、Text、Image等）→ 双击编辑文字 → 用右侧属性面板调整颜色、圆角、阴影等样式。这一步操作起来很简单，直接把文件拖进去就行。
第四步：建立页面跳转逻辑 → 选中一个按钮 → 在右侧面板点击“Interactions” → 选择“On Tap” → 设置目标页面（如从Login页跳转到Home页）→ 可选添加过渡动画（Slide Left/Zoom等）。
注意：页面链接必须至少存在两个页面才能启用跳转；单页项目无法配置交互行为。
如果是Atomic.io：分享原型的两种方式
方法一：生成可公开访问的链接
进入项目后点击右上角“Share”按钮 → 开启“Anyone with the link can view” → 复制生成的URL（形如 https://atomic.io/share/abc123）→ 直接发送给测试人员。该链接无需对方登录Atomic账户即可查看和点击交互。
方法二：嵌入网页或Confluence
在Share弹窗中切换至“Embed”标签 → 复制提供的<iframe>代码 → 粘贴到支持HTML的页面中（例如Confluence的“HTML宏”或企业内网CMS）。【嵌入后原型将实时同步最新编辑，无需重新生成】。
提示：嵌入式预览不支持手势缩放，移动端用户需横向滑动查看完整区域。
如果真在Jira里看到“Atoms”字段或菜单项
进入Jira项目设置 → 左侧导航点开“Issues” → “Custom fields” → 搜索关键词“Atoms” → 查看该字段的“Configuration Scheme”和“Context”。若其类型为“Text Field”或“URL Field”，说明只是管理员手动添加的描述性字段，本身不具备原型渲染能力。
此时所谓“Atoms原型”实际是用户粘贴进该字段的一段外部链接（比如指向Figma、Pixso或Atomic的原型地址），Jira仅作存储用途。分享动作等同于复制粘贴那个URL。
