【AI辅助设计】将ComfyUI接入Figma！无缝生成可控风格图标

前言

其实 ComfyUI 做处理这样的任务，只需要搭建一个非常简单的工作流。

这些流程是基于 SDXL 的，出图的质量还是稍差一些，现在 FLUX 已经成为主流了，所以借助 FLUX 的能力，可以完美、可控输出想要的图标风格👍。

原则上，这个流程可以生成任意风格的图标，只要你选择了合适的 LoRA 模型，例如这种(效果没有调教，大师们将就看看🥱)：

本文将从工作流搭建，到如何在 Figma 中调用，给大家捋一遍。
这份完整版的comfyui整合包已经上传CSDN，朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】

工作流搭建

话不多说，直接开建工作流，工作流全图如下：相对之前的图标生成工作流，会多了一个 FLUX 重绘，还有 RMBG2 的抠图环节。

图片加载

将图片的长边控制在 1024，以适配 SDXL 的尺寸要求和节省资源。

提示词处理

实际上，我们为了让出图更加可控，需要拆分一下提示词：

1. LoRA 的触发词；

2. 对图标风格的描述：如 3D Render、45 度角之类的；

3. 图标本身的形态描述。这里需要用到 LLms 的反推，当然，你可以可以用 caption2 来反推。

LLms 的提示语：

这是什么图标？详细描述其形状和细节，不需要描述风格和颜色，使用英文输出。  

所以，提示语处理的预期是这样的：

遵循：LoRA 触发词+icon 主体+风格描述

dispersion_glass, This is an icon of a graduation cap. It has a square, flat top with a tassel hanging from the center. The tassel is attached to the cap with a small circle, and it drapes down on one side. The cap itself is rectangular with a slightly beveled edge, giving it a three-dimensional appearance., 3D rendering, glass torus, floating, pink gradient background, blue gradient background  

Controlnet 控制

选择了 canny 进行精准控制，强度在 1.2-1.5 之间都没问题。

❝

现在 flux 的控制网络还不是很成熟，要么就非常占资源，如果需要精准出图，建议还是用 sdxl 的大模型。

❞

SDXL 采样

标准的 SDXL+Hyper LoRA+风格 LoRA 出图。

可以看到第一次采样的图片质量并不高，当然，你也可以继续使用 SDXL 模型进行重绘，但是这次我们使用 FLUX。

风格 LoRA 大家自行到模型网站下载，我这里使用的是自己训练的黑金风格和色散玻璃风格。

FLUX 重绘

FLUX 还是当红炸子鸡啊，出图质量刚刚的，大家可以对比一下：

抠图和输出

使用 RMBG2 模型进行抠图，还是非常干净的。

至此，ComfyUI 部分已经搭建完成了，如果需要更加无缝地接入 Figma 进行图标重绘，大家继续往下看。

接入 Figma

需要使用我开发的 Figma 插件，可以接入一切 ComfyUI 工作流的。

这样，就可以不用来回导图了，无缝衔接~😎。

设置 deploy

下面我就截图了，因为都比较简单。

上传工作流到 deploy 服务器上：

在 deploy 服务器上检查和发布工作流：

回到 Figma 刷新一下工作流，就可以正常使用啦：

使用方法非常简单，选择要重绘的图标，点击 set as source，然后点击生成，等待结果就行！

效果是一模一样的！

这份完整版的comfyui整合包已经上传CSDN，朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】