快速开始

导入应用

带入你已有的应用:来自 GitHub 仓库、ZIP 文件、Lovable、Bolt、v0 或 Base44、Figma 画框、Canva 设计,或一份电子表格。费用是多少,哪些会被重建,哪些不会。

你不必从零开始。如果应用已经存在于别处,Setherion 可以读取它并在这里重建,从那以后它就是一个普通的 Setherion 应用,你只需提出要求就能修改它。

有五种导入方式。用哪一种,取决于你手上有什么。

你有使用你会得到
一个在 GitHub 上的应用,或在 Lovable、Bolt、v0 或 Base44 中做的应用Import an app在这里重建的应用:相同的页面、文字、设计和数据结构
一个 .zip 文件形式的代码Import an app同上
Figma 中的一份设计Import from Figma一个画框,下一次构建或修改会照它来做
Canva 中的一份设计Import from Canva设计的各个页面,以图片形式放进应用
一份电子表格或一份商品目录Import an app,或应用内的 Import a catalogue围绕你的数据行构建的应用,或把你的数据行添加到你已有的应用里

Import an app

这是导入代码的入口。它在仪表盘上有三处:输入框旁 + 菜单里的 Import an app、左侧栏里的 Import,以及命令面板(Ctrl K)里的 Import an app。

选择来源

窗口提供 GitHub、ZIP file、Lovable、Bolt、v0 or Vercel、Base44 和 Spreadsheet。各个构建工具的卡片会一步步带你把代码从那个工具里导出来;GitHub 和 ZIP 卡片则适用于来自任何地方的代码。

提供代码

拖入一个 .zip 文件,或者提供一个 GitHub 仓库。每张卡片都有两个标签页,ZIP upload 和 GitHub。Lovable 和 Base44 默认打开 GitHub,Bolt 和 v0 默认打开 ZIP。

重建

检查名称,看看会读取多少个文件以及这个应用要花多少积分,然后点击 Rebuild in Setherion。Setherion 会读取代码,通常需要一两分钟。请保持窗口打开:读取完成后会自动开始构建,应用会在编辑器中打开。

从 GitHub 导入

粘贴仓库的地址,比如 https://github.com/owner/name,或者直接写 owner/name,然后点击 Import。公开仓库不需要其他任何操作。

如果是私有仓库,请在同一个窗口中点击 Connect GitHub。它会让你登录一次 GitHub,之后你就可以搜索自己的仓库(私有仓库标有 Private)并选择一个。这与导出到 GitHub 所用的是同一个 GitHub 连接。列表显示你最近推送的 100 个仓库;其他任何仓库仍然可以通过粘贴它的地址来导入。

读取的是默认分支。超过 60 MB 的仓库会被拒绝:请把它去掉图片和视频后下载为 ZIP,然后导入那个 ZIP。

从 ZIP 导入

把一个 .zip 文件拖到窗口上,或者选择一个。ZIP 会在你的浏览器中打开,只有其中的代码会被发送出去。超过 80 MB 的 ZIP 会被拒绝,所以请把图片和视频留在外面。

从 Lovable、Bolt、v0 或 Base44 导入

这些构建工具会把应用运转所需的一部分内容放在代码之外,比如它的数据和服务器逻辑。所以窗口会给你一段 export prompt。它会请那个构建工具自己的 AI 添加一个文件 SETHERION_EXPORT.md,里面描述应用的页面、数据、服务器逻辑和账户,并为每张表配上几条虚构的示例记录。它被明确要求绝不要把密钥或密码写进去。

复制导出指令

点击 Copy export prompt,或者点击 Show it 先读一读。

粘贴到构建工具的聊天中

它会把这个文件添加到项目里。

把代码导出来

Lovable:在 Lovable 中把项目连接到 GitHub,或者下载为 ZIP。Bolt:下载 ZIP,或者推送到 GitHub。v0:下载 ZIP,或者使用你的 Vercel 项目所部署的那个仓库。Base44:如果你的 Base44 套餐包含导出代码,就把它发送到 GitHub 或下载为 ZIP。

在这里导入

Setherion 会先读取 SETHERION_EXPORT.md。如果没有这个文件,窗口会告诉你,应用则只根据代码来重建。

会读取什么

Setherion 读取项目中的文本文件:代码、样式、HTML、SQL、Markdown 等等。机密文件、已安装的软件包、构建文件夹、测试、锁定文件、图片和字体不会被读取。代码中无论如何出现的任何密钥,在模型读取任何内容之前都会被涂掉。

非常大的项目会先从最能说明问题的文件读起,比如页面和数据,窗口会告诉你会读取多少个文件,以及有多少个因为空间不够而被舍弃。

任何网页应用都可以:React、Next.js、Vue 或纯 HTML。

会重建什么,不会重建什么

这是重建,不是复制代码。模型读取项目,写出一份对它功能的平实描述,然后应用就根据这份描述来构建。代码本身绝不会被复制过来。

会带过来不会带过来
页面及其文字,保持原来的语言代码本身,一行一行地
设计和颜色旧的后端,以及任何密钥或机密
表单和应用的行为数据库中的记录
数据的结构存放在项目内部的图片
有网址的图片服务器函数和支付,和原来完全一样

服务器函数和支付会按 Setherion 自己的方式来描述和重建,之后可能需要做一些修改。账户会重建为 Setherion 后端上的登录,而不是原样搬过来。存放在项目内部的图片会被替换成匹配的照片,你可以更换。

如果数据存放在 Supabase、Base44、Firebase 或 Prisma 中,它的结构会带过来,但其中的记录不会。要把记录导入进来,请看下面的电子表格导入。

费用

一次导入的费用是一个新应用,加上读取代码的费用,也就是在新应用价格之上再加大约 40%。窗口会在你点击之前把价格显示在按钮上,在你点击之前不会花费任何积分。无论你在 Build 菜单里选了什么,新应用都以标准的 Seth 模式构建。

你的第一次导入是免费的。 每个账户一次,这次构建由我们承担,所以你不用付任何费用。如果你选的模型比你的套餐默认使用的那个更贵,构建运行时你只需补上差价。如果第一次导入失败了,你仍然保有这次免费机会。

如果付费导入时读取失败,用于它的积分会退还。如果你的积分不够,按钮会这样告诉你,而且不会扣费。请看套餐与积分。

导入对所有套餐开放,包括 Free。第一次导入免费只适用于代码导入;下面的电子表格卡片按新应用计价,没有读取费用,也不属于免费的第一次导入。

Import from Figma

Figma 不是应用导入。它给构建工具一个画框,让它照着画框的外观来做,用于新应用,或用于对你已有应用的修改。它在 + 菜单里:仪表盘上的 Import from Figma(在同时提供 Canva 的 Import a design 里面),以及编辑器里的 Design,然后 Import from Figma。

连接 Figma

第一次使用时,点击 Connect to Figma。它请求的是只读权限;Setherion 永远无法修改你的文件。

复制画框的链接

在 Figma 中,右键点击你想要的画框,然后选择 Copy link to selection。需要的是形如 figma.com/design/KEY?node-id=1-234 的链接,而不是你的文件列表的地址。

粘贴并点击 Import frame

画框会被绘制出来,它的颜色、字体和圆角大小会从文件中读取。它会作为附件出现在输入框里,下一次请求会按它来构建,使结果与它匹配。

导入画框不消耗积分。使用它的构建或修改照常计费。

Figma 的要求
  • Figma 中的一个 Editor 席位。 Figma 对 View 和 Collaborator 账户封锁了它的 API,所以一个你在浏览器里能读的文件,在这里仍然可能被拒绝。
  • 一个 Design 文件。 FigJam 白板和 Slides 无法导入。
  • 所连接的账户能打开的文件。 在别人团队里的文件,或者从 Community 打开但没有复制到你自己草稿里的文件,都打不开。

导入失败时,窗口会自动打开这份清单。

Import from Canva

Canva 设计是以图片形式导入的,而不是作为一个可重建的版面。在 Canva 中打开设计,从浏览器里复制地址(里面有 /design/),然后粘贴到 Import from Canva 中。它的前三页会作为图片出现在输入框里,可以直接放进应用。设计必须是你自己的或与你共享的,简短的 canva.link 地址会被拒绝:请使用长地址。第一次使用时会请你点击 Connect to Canva,Canva 中的任何内容都不会被修改。

导入不消耗积分。使用这些图片的构建照常计费。

只有在你的账户可以使用 Canva 的地方,菜单中才会显示 Import from Canva。

从电子表格导入

电子表格有两种导入,用于两种不同的任务。

围绕电子表格构建的新应用

在 Import an app 中,选择 Spreadsheet,然后给它一个 Excel(.xlsx)或 CSV 文件。Google 表格请先用 File,然后 Download 保存下来。较旧的 .xls 文件、.ods 和 .numbers 文件必须另存为 .xlsx 或 .csv。超过 30 MB 的文件会被拒绝。

文件会在你的浏览器中读取。然后你会看到它的各列,每一列都标明它所存放的内容类型,比如文本、数字、日期、邮件或图片,还有前五行。取消勾选应用不需要的任何列,如果愿意,可以说明这个应用是做什么用的,然后点击 Build the app。读取电子表格不花费任何积分;按钮上显示的是新应用的价格。

你得到的是一个围绕你的数据行构建的应用:搜索、每一行各有一个页面,以及一个用来添加和编辑的表单。你的数据行会在代码构建完成之后原样复制进去,所以第一次预览就显示你自己的数据,没有任何 AI 去重新输入它们。AI 本身只能看到列名和前五行。

最多会复制 300 行。如果你的文件行数更多,窗口会告诉你应用一开始有多少行,其余的可以在应用构建完成后,用下面的 Import a catalogue 添加。

如果某一列看起来像个人信息,比如邮件地址、电话号码或薪水,窗口会警告你,任何打开已发布应用的人都能读到它。如果应用不需要,就取消勾选。

有多个工作表的工作簿会问你用哪一个;一个工作表变成一个列表。单元格颜色和格式不会带过来,公式的计算结果会。

添加到你已有应用的数据行(Import a catalogue)

打开应用,然后依次打开 Manage、Database,选择 Import a catalogue。给它一个 CSV 或 Excel(.xlsx)文件,来自 Excel、Sheets 或 Shopify 均可。它在你的浏览器中读取,绝不会上传,所以大小无关紧要,也不花费任何积分。

应用需要有一个用来放这些数据行的列表,比如商品列表。如果它没有,请先在聊天中要求添加一个。Setherion 会按名称把你的各列与列表的字段对应起来,你可以修改每一处对应。带有变体的 Shopify 文件会合并为每个商品一行。

然后你选择数据行放到哪里。

  • In the app 是即时的。它适合大约一千行以内;超过这个数,网站加载会变慢并且停止保存,所以会让应用变得太重的导入会被拒绝。
  • In the database 上传需要一点时间,可以容纳完整的商品目录。应用一次读取一页。对于超过 800 行的文件,默认提供的就是这个选项。当列表本来就从数据库读取时,它也是唯一的选择。

Free 套餐的数据库每个应用最多容纳 10,000 行。付费套餐最多容纳 500,000 行。请看云端。

如果导入失败

窗口会用平实的话告诉你原因。你最可能遇到的有这些:

  • “We could not find owner/name.” 对于私有仓库,请先点击 Connect GitHub。如果你已经连接了,可能是所连接的账户无法读取它。
  • 仓库或 ZIP 太大。 请把图片和视频留在 ZIP 之外。
  • “There is no code in this ZIP that we can read.” 里面的文件不是文本代码,或者全都在永远不会被读取的文件夹里,比如 node_modules。
  • Figma 画框被拒绝。 在窗口中打开 “What Figma requires”。渲染后太大的画框,用单个屏幕比用整个页面效果更好。
  • “This import costs N credits and you have M.” 请购买积分,或者等待你的每月额度。请看套餐与积分。

这个页面对你有帮助吗?

加入社区

提问、交流想法,看看别人在构建什么。