Skip to content

Figma 转代码

Figma 转代码功能使智能体模式下的 AI 编程能够将你输入的 Figma 设计稿转换为相应的前端网页实现。与 Figma MCP 的功能相比,我们对设计稿的还原更加准确和清晰。

步骤

  1. 打开 IDE 并选择一个项目目录。 img
  2. 在 Figma 页面上,在 Figma 中选择相应的设计稿节点,然后右键单击并选择 Copy/Paste as > Copy link to selectionimg
  3. 将复制的 URL 粘贴到 CodeFlicker 智能体模式的输入框中。 img
  4. 输入你的需求并发送,然后按照提示完成 Figma 授权。
  5. 等待智能体完成 Figma 设计稿的还原。