在 Qt Design Studio 中使用 Figma 快速控制模板组件

您可以使用 Qt Design Studio 在 Figma 中创建的模板组件进行设计，并通过 Qt Bridge for Figma 将它们导入 Qt Design Studio。这些模板组件专门为 Figma 设计。当您使用它们在 Figma 中设计，并通过 Qt Bridge for Figma 导入设计时，它们会为 Qt Design Studio 生成功能性的 QML 组件。所以，您可以在 Qt Design Studio 和 Figma 中编辑组件。

使用 Figma 模板组件

您应具备以下先决条件

• 一个 Figma 专业账户。
• Qt Design Studio 企业版许可证。
• Qt Design Studio 3.9 或更高版本。

  注意：您也可以使用 Figma 入门账户尝试模板功能。但是，如果您想在 Figma 中发布模板资产，则需要 Figma 专业账户。

使用模板组件创建 Figma 设计

1. 登录 Figma。
2. 访问 Qt Design Studio 团队提供的模板此处。
3. 选择获取副本并将副本添加到您的 Figma 工作区中。

   注意：您可以从图层标签页找到目录页面。在此处，选择简介以了解模板工作流程和关键概念的所有知识。

4. 每个单独的组件都有一个独立的页面模板。从模板中选择您要工作的页面并复制其所有内容。
5. 创建一个新的 Figma 设计文件。在 Figma 中，选择菜单 > 文件 > 新建设计文件。
6. 将复制的内容粘贴到此文件并保存。在此处，使用 Figma 工具进行所有必要的修改。
7. 接下来，发布此模板资产。在Figma中，选择 菜单 > 库。然后选择 发布。您不需要发布模板本身，只需发布组件。您可以从 更改 部分清除 模板 来将其从发布资产中删除。
8. 创建另一个新项目，在其中使用此发布组件。或者，您可以将此组件用于Figma中的现有项目。

   注意： 在Figma中，选择 菜单 > 库 以找到发布组件。您可以在 您的团队 下找到这些组件。切换它们以在项目中使用。

使用Qt Design Studio的Qt Bridge for Figma导入Figma设计

1. 在Figma中执行以下操作之一
   • 选择 菜单 > 插件 > Qt Bridge for Figma。
   • 选择 资源 （Shift + I） > Qt Bridge for Figma > 运行。
2. 将文件保存在本地系统上。
3. 将Qt Bridge for Figma文件导入Qt Design Studio项目。您可以将文件拖放到项目中。然后选择 导入，等待过程完成。
4. 将导入的Qt Bridge for Figma文件拖到Qt Design Studio打开的项目中。选择 导入，等待过程完成。
5. 您可以在Qt Design Studio中找到导入的设计作为QML文件。Figma资产也作为组件导入到Qt Design Studio中。您可以原生地操作 状态 或 属性。

   注意： 您还可以在Figma中编辑设计，并使用Qt Bridge for Figma将其再次带到Qt Design Studio。但是，您需要将导入的文件命名为之前完全相同。然后将它导入到Qt Design Studio项目，以实现同步。Qt Design Studio让您在导入组件更新之上拥有您在本地进行的更新。