设计与代码

用途。按你在 Figma 里做的设计来构建应用。Setherion 会渲染画框，读取它的布局、颜色、字体和间距，并据此构建。

连接。在 Connectors 页面点击 Connect Figma，在 Figma 登录后再回来。不需要复制任何密钥。访问权限是只读的：Setherion 永远不能修改你的文件。它只在你构建时使用，从不属于你发布的应用。Figma 不会显示来自 Setherion 的任何用量费用。

使用。在编辑器里点击 +，然后点击 Design，再点击 Import from Figma。在仪表盘里，它位于 + 下的 Import a design，那里也提供 Canva。在 Figma 里，右键点击你要的画框，选择 Copy link to selection，粘贴链接，然后点击 Import frame。画框会连同它的说明，以及它确切的颜色、字体和间距一起附加到你的消息里，应用会按它重新构建。

可以这样说。“按这个画框重新构建首页。”“使用我 Figma 设计里的颜色和字体。”

须知。链接必须指向一个设计，例如 figma.com/design/KEY?node-id=1-234。你的文件列表的地址栏不是这样的链接，导入器会告诉你这一点。如果链接被拒绝，已连接的 Figma 账户必须能够打开该文件。如果 Figma 不再接受这个连接，导入时会提示你重新连接。

用途。把 Canva 设计（菜单、传单、横幅）作为图片放进应用里使用。它们是放在页面上的图稿，而不是要重新构建的布局。

连接。点击 Connect Canva，在 Canva 登录后再回来。不需要复制任何密钥。Setherion 只在你导入某个设计时才会读取并导出你的设计，Canva 里的任何内容都不会被修改。

从 Canva 导入。在编辑器里点击 +，然后点击 Design，再点击 Import from Canva。在仪表盘里，它位于 + 下的 Import a design。在 Canva 里打开设计，从浏览器复制地址（地址里要有 /design/，短的 canva.link 地址不行），粘贴后点击 Import design。这个设计必须是你自己的，或者是别人与你共享的。

可以这样说。“把我刚导入的菜单放到 Menu 页面上。”“把这个横幅用作首页的主图。”

限制。

• 设计的前三页会以图片的形式出现在聊天里。
• 它们在你构建时导出一次，然后与应用的其他图片一起托管。Canva 自己的导出链接一天后就会失效，所以应用在运行时从不向 Canva 请求。
• Canva Free 无法把设计放大到远超它原本的尺寸。当 Canva 拒绝大尺寸导出时，Setherion 会按设计原本的尺寸再请求一次。
• Canva 会限制一个人在几分钟内能导出多少次。如果它这样提示，请等一等再试。

用途。把你的代码带走，也把代码带进来。导出会把应用作为一个普通的 Vite 和 React 项目放进你的代码仓库。导入会重新构建你已经放在代码仓库里的应用。

连接。点击 Connect GitHub，登录并批准，或者在导出窗口里使用 Connect GitHub。只有在你要求推送时才会使用这个访问权限，它从不属于你发布的应用。它也涵盖私有仓库。

导出。在编辑器里打开 Publish 菜单，选择 Export to GitHub。给仓库起个名字，选择是否为 Private repository（默认），然后点击按钮。如果仓库不存在，就会创建它。随时可以再次导出，用最新的改动更新它。

导入。在仪表盘里点击 +，然后点击 Import an app，再点击 GitHub。在那里连接 GitHub 就能看到你自己的仓库，包括私有仓库，也可以粘贴一个公开仓库的地址。任何网页应用都可以：React、Next.js、Vue 或纯 HTML。读取时看的是应用做什么，而不是它是怎么构建的。机密文件和密钥会被排除在外。见导入应用。

限制。导出属于付费套餐：在 Free 套餐上，按钮会请你升级。导入的费用是一个新应用加上读取代码的费用，你的第一次导入是免费的：见套餐与积分。导入不会带来数据库里的记录，只会带来它的结构。

须知。导出是 Publish 里的一个按钮，不是你在聊天里输入的请求。

用途。与 GitHub 的导出相同，只是面向 GitLab：你的代码放在你自己的代码仓库里。

连接。点击 Connect GitLab，登录并批准，或者在导出窗口里使用 Connect GitLab。它在你推送时使用，从不成为你发布的应用的一部分。

导出。在编辑器里打开 Publish 菜单，选择 Export to GitLab。给仓库起个名字，选择 Private repository（默认）或者不选，然后点击 Export to GitLab。再次导出即可更新。它是一个可以运行的 Vite 和 React 项目。

限制。和 GitHub 一样，导出属于付费套餐。GitLab 没有导入功能：如果想从 GitLab 项目导入应用，请把它下载为 ZIP，然后使用导入应用里的 ZIP 导入。