Figma 连接
Figma Connect 允许将 Figma 设计引入 WebStorm，并将其用作 AI Assistant 的上下文。 在 Figma Desktop 中选择帧、组件或图层，添加到 AI 聊天，并让 AI Assistant 协助实现相应代码，无需在设计与 IDE 间频繁切换。
WebStorm 通过 Figma 的 JetBrains 连接 插件连接 Figma Desktop，并实时将您当前的选区流式传输到 Figma 连接 工具窗口。
开始之前
作为实验性功能，Figma Connect 默认处于禁用状态。 它通过注册表中的 figma.integration.enabled 密钥进行控制。 要启用它：
请按 Ctrl+Shift+A 或从主菜单中选择 。 在打开的弹出窗口中，开始输入
注册表，选择相应项并按 Enter。找到 figma.integration.enabled 密钥，并勾选其旁的复选框以启用该功能。
重启 WebStorm 以应用更改。
确保已安装 AI Assistant 并已登录具有有效 AI Assistant 订阅的 JetBrains Account。
安装 Figma Desktop 应用，并打开你要处理的设计文件。
在 Figma 中安装 JetBrains Connect 插件
WebStorm 通过在 Figma Desktop 运行的辅助插件与 Figma 通信。
在 Figma Community 上打开 JetBrains Connect 插件页面。
点击 打开位置… ，选择你要处理的文件。
插件会被安装并直接在 Figma Desktop 中该文件上打开，无需在 Figma 菜单中手动查找。
将 Figma 连接到 WebStorm
打开 Figma 连接 工具窗口（ ），并按照屏幕上的说明操作。
在 Figma Desktop 上，在你要处理的文件上运行 JetBrains 连接 插件。
在插件中点击 连接 并返回 WebStorm。
在 WebStorm 中点击横幅上的 允许 ，以批准连接请求。
连接建立后，工具窗口工具栏上的状态会变为 已连接。 WebStorm 会记住该批准，因此日后会自动接受连接。 如需再次要求批准，请在工具窗口 设置 中使用 撤销所有配对的会话。
查看当前选区和图层
Figma Connect 能实时同步你在 Figma Desktop 和 WebStorm 的选区，让你更少在两处来回切换。 同步是双向的：
在 Figma 中选择帧、组件或图层后，它会与缩略图一起出现在 当前已选置位到 下的 Figma 连接 工具窗口中。
在工具窗口点击图层后，该图层会成为当前选区，并在 Figma 页面中将相应节点聚焦。
层 部分列出了当前 Figma 页面的所有图层。 展开一个图层以浏览其子图层。
也可以一次将多个图层添加到 AI 聊天：直接在列表中使用 添加到上下文 操作，无需先在 Figma 聚焦。
将一个设计添加到 AI 聊天
要将设计用作 AI Assistant 的上下文，将鼠标指针移动到 当前已选置位到 或 层 下的项，并点击 添加到上下文。 该设计会被附加到 AI Assistant 聊天中，即你在 WebStorm 与 AI Assistant 对话的同一聊天窗口，在此可以输入提示并与设计一同发送。
可通过点击 WebStorm 窗口右侧的 
打开 AI Assistant 聊天。
该设计以附件形式添加到聊天输入中，因此你可以输入提示词并与设计一同发送。
如需自动将当前选区附加到每个新的 AI 聊天，请在工具窗口 设置 中启用 在 AI 上下文中自动包含所选内容。
设置
要配置 Figma Connect，请点击 
打开 Figma 连接 工具窗口工具栏。
提供以下选项：
- 在 AI 上下文中自动包含所选内容
自动将当前 Figma 选区附加到每个新的 AI 聊天。
- 在 IDE 启动时自动启动服务器
打开项目时自动启动连接。 此选项默认已启用。
- 撤销所有配对的会话
移除所有已保存的批准。 之后，下次来自 Figma 的连接需要重新批准。