vercel drop 可一键部署 atoms 导出的前端项目：需确保导出结构含 index.html 或框架配置文件，拖拽文件夹或 zip 到 vercel.com/drop 即可自动构建并获得 https 地址，支持后续绑定自定义域名。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想把 Atoms（Figma 插件或设计系统工具）导出的代码快速上线，获得一个可分享、带 HTTPS、全球加速的线上地址，又不想碰 Git 或命令行——Vercel Drop 正是为此而生。
确认 Atoms 导出的是标准前端项目结构
Atoms 导出的代码包必须包含可直接运行的静态文件或主流框架入口（如 index.html、next.config.js、vite.config.ts 或 package.json 中有 "type": "module" 或明确的 "scripts": {"build": "..."} ）。否则 Vercel 无法自动识别构建流程，会报错“No Build Output”。
打开你解压后的文件夹，检查根目录下是否存在以下任一组合：【index.html + assets/ 文件夹】，或【src/ + package.json + vite.config.js / next.config.js】。没有就别继续——先回 Atoms 设置里勾选“导出为完整可部署项目”，再重新导出。
用浏览器拖拽完成部署（Vercel Drop）
方法一：直接拖拽文件夹到 Vercel 网页
打开 vercel.com/drop → 确保已登录 Vercel 账号 → 将整个 Atoms 导出的项目文件夹（不是压缩包，是解压后的文件夹）直接拖入网页中央虚线框内 → 松手后自动上传并触发构建 → 等待右上角显示 “Deployed!” → 点击生成的链接即可访问。
方法二：拖拽 ZIP 压缩包（更稳妥）
把 Atoms 导出的文件夹打包成 .zip（macOS 右键“压缩”，Windows 右键“发送到→压缩文件夹”）→ 打开 vercel.com/drop → 拖入该 ZIP 文件 → 构建开始后，Vercel 会自动解压并扫描根目录 → 若检测到 index.html，默认以静态模式部署；若检测到框架配置，则自动启用对应构建器。
注意：ZIP 包内不能嵌套多层文件夹（比如导出后是 atoms-export-2026/your-project/），必须确保 package.json 或 index.html 在 ZIP 的最顶层。否则 Vercel 会找不到入口，部署失败。
部署后绑定自定义域名（可选）
第一步：进入 Vercel 仪表板 → 左侧点击刚部署成功的项目名称 → 顶部切换到 “Domains” 标签页 → 点击 “Add Domain” → 输入你的域名（如 app.yourbrand.com）→ 点击 “Continue”。
第二步：按页面提示，在你的 DNS 服务商处添加一条 CNAME 记录，主机名填子域名（如 app），值填 cname.vercel-dns.com。
第三步：回到 Vercel 页面点击 “Verify” → 等待状态变为 “Verified”（通常 1–30 分钟），HTTPS 证书将自动签发并生效。
