在 MonstarX 中使用 Figma
要点在“后端 → 云服务”中登录 Figma，即可连接 Figma。之后，MonstarX 的构建助手在任何模式下都能通过链接读取 Figma 文件（页面、画框和图层），并把选中的画框渲染成图片。它绝不会修改你的文件。如果想根据设计稿开始一个新应用，请改用“项目”页面上的 Figma 按钮。
读取 Figma 文件，并把画框渲染成图片。
- 类型
- 业务工具 · 登录
- 类别
- 项目、设计与人事
- 连接方式
- 使用你的账户登录
很多团队都在 Figma 里设计应用。把你的 Figma 账户连接到项目后，MonstarX 的构建助手（就是和你聊天的那个 AI）在工作时就能打开你提供链接的 Figma 文件：让新界面和设计师做的画框保持一致、读取准确的文字和图层名称，或获取某个画框的图片。
这是一个业务工具：由 MonstarX 在一个项目中替你读取 Figma 文件。你构建的应用永远拿不到你的 Figma 账户。
这是哪一种 Figma 连接？
Section titled “这是哪一种 Figma 连接？”MonstarX 有两种不同的方式使用 Figma。
| Figma 业务工具（本页） | 根据 Figma 文件构建 | |
|---|---|---|
| 用途 | 在已有应用上工作时核对设计 | 根据完成的设计稿开始一个新应用 |
| MonstarX 如何获取设计 | 通过你连接的账户，按链接从 Figma 读取文件 | 你把 .fig 文件（在 Figma 中选择 File → Save local copy…）拖到“项目”页面 |
| 在哪里设置 | 后端云服务，在连接器中找到 Figma | 在项目页面点击 Figma |
| 了解更多 | 本页 | 根据 Figma 设计构建可用的应用 |
MonstarX 能用它做什么？
Section titled “MonstarX 能用它做什么？”所有操作都是只读的，在任何模式下都可以使用。
| MonstarX 能做什么 |
|---|
| 查看连接的是谁：你的 Figma 账户 |
| 读取文件：文件中的页面、画框和图层，往下读几层（你需要提供文件的链接） |
| 详细读取选中的画框或图层 |
| 读取文件详情：文件名称、修改时间和最后编辑者 |
| 把画框渲染成图片：PNG、JPG、SVG 或 PDF，并获取每张图片的链接 |
它绝不会做的事：编辑、评论、复制或删除文件，或更改文件的共享对象。
- 一个 Figma 账户，能打开你想让 MonstarX 读取的文件。
- 你是这个 MonstarX 项目的所有者。只有所有者可以连接或断开工具。
连接你的账户
Section titled “连接你的账户”不需要复制任何密钥。你登录 Figma 后，Figma 会请你允许 MonstarX：
- 读取你的用户资料：用于显示连接的是哪个账户。
- 读取文件内容：页面、画框和图层，以及由它们渲染出的图片。
- 读取文件详情：名称和编辑记录。
在 MonstarX 中连接
Section titled “在 MonstarX 中连接”-
打开你的项目，点击顶部栏中的后端，再点击云服务。
-
滚动到连接器，找到 Figma。
-
点击连接。Figma 页面会打开。登录，看一下 MonstarX 申请的权限，然后点击 Allow access（允许访问）。
-
你会回到项目中。这一行现在会显示已连接到，后面是你的 Figma 用户名。
让 MonstarX 使用它
Section titled “让 MonstarX 使用它”粘贴文件的链接（在 Figma 中通过 Share → Copy link 获取）。如果链接指向某一个画框，MonstarX 会直接定位到它。
| 你输入 | 会发生什么 |
|---|---|
| “让 Settings 页面和这个画框一致：https://www.figma.com/design/…” | MonstarX 读取这个画框的图层和文字，然后修改你的页面，让它们一致。 |
| “按钮文字完全照搬我们 Figma 文件里 Checkout 页面上的。” | 它读取图层，把文字照搬过来。 |
| “我们的设计文件里有哪些页面？最后一次修改是什么时候？” | 它读取文件详情并回答。 |
- 只留在 MonstarX。 你的 Figma 登录信息加密存储在 MonstarX 的服务器上，绝不会写进应用代码，也不会交给你的应用。
- 仅限一个项目。 这个连接只在你建立连接的项目中有效。
- 只当作信息。 MonstarX 把文件中的图层名称和文字当作信息，绝不当作指令。
- 随时断开。 在 后端云服务 中点击 Figma 旁边的断开连接并确认。MonstarX 会立即删除登录信息。如果也想在 Figma 中撤销它的访问权限，请在 Figma 的 Settings → Security → Connected apps 中撤销。
我应该用这个，还是用“项目”页面上的 Figma 按钮？
如果要根据完成的设计稿开始一个新应用，请使用“项目”页面上的 Figma，详见根据 Figma 设计构建可用的应用。如果要在已有应用上工作时核对或对齐设计，请连接这个业务工具。
MonstarX 会修改我的 Figma 文件吗？
不会。Figma 连接是只读的。
它能读取别人共享给我的文件吗？
能，你的 Figma 账户能打开的文件它都能读取。把文件的链接粘贴到消息中即可。