WithAI.Design

5 min read

FigmaComfyUI插件正式上线了！免费使用！附教程。

FigmaComfyUI插件正式上线了！免费使用！附教程。

前言

还记得我之前的预告么？我做了一个Figma插件，可以调用连接本地的ComfyUI，通过AI方式，生成设计素材。传送门：# 【AI辅助设计】我做了一个Figma插件，连接ComfyUI。 这几天，经过跟Figma审核团队的反复沟通，终于上架到Figma社区了~🍻。

同时，这个插件的官网https://figma.comfyui.asia/也上线，有插件的介绍和说明文档。

ps：这个网站的很多素材就是通过这个插件生成的 😂

从Figma社区安装插件

插件即将发布，敬请期待。

  1. 安装地址：comfyui-image-generator：https://www.figma.com/community/plugin/1407375193152068428/comfyui-image-generator
  2. 点击从open in... 按钮，选择合适的项目打开即可安装

部署ComfyUI

这个步骤，对于有使用ComfyUI的朋友来说，并不难，但也需要设置一些参数。建议直接下载我的整合包。文末附录领取方法。

安装ComfyUI本体

因为图生图流程，需要将Figma的图上传到ComfyUI目录下的input文件夹中，请保证input文件夹的路径如下：ComfyUI/input/。如果你不会设置路径，强烈建议使用portable版本的ComfyUI！

  1. 打开官方github库，根据步骤安装：https://github.com/comfyanonymous/ComfyUI。建议下载官方的移动整合包：https://github.com/comfyanonymous/ComfyUI/releases
  2. 安装完成后，请运行一下基础文生图工作流，以确保能正常运行。
  3. 保持ComfyUI的地址不要改变：http://127.0.0.1:8188 插件的服务地址暂时支持该地址。

开启 —enable-cors-header

这个是允许外部链接到ComfyUI，具体：

ComfyUI默认版本

修改启动参数

python main.py --enable-cors-header

portable 版本

修改run_nvidia_gpu.bat文件

.\python_embeded\python.exe -s ComfyUI\main.py --enable-cors-header  --windows-standalone-build
pause

下载ComfyUI插件

我使用了以下插件运行工作流。

  1. ComfyUI-layerdiffuse： https://github.com/huchenlei/ComfyUI-layerdiffuse 第一次运行PNG Image工作流时，layerdiffuse插件会自动下载模型，需要等待的时间稍长一些。
  2. was-node-suite-comfyui： https://github.com/WASasquatch/was-node-suite-comfyui
  3. ComfyUI-BRIA_AI-RMBG：https://github.com/ZHO-ZHO-ZHO/ComfyUI-BRIA_AI-RMBG。注意这里需要下载模型到此目录：ComfyUI\custom_nodes\ComfyUI-BRIA_AI-RMBG\RMBG-1.4 。模型下载地址：https://huggingface.co/briaai/RMBG-1.4
  4. ComfyUI-TiledDiffusion： https://github.com/shiimizu/ComfyUI-TiledDiffusion
  5. ComfyUI_ADV_CLIP_emb：https://github.com/BlenderNeko/ComfyUI_ADV_CLIP_emb
  6. comfyui-various：https://github.com/jamesWalker55/comfyui-various
  7. controlnet_aux：https://github.com/Fannovel16/comfyui_controlnet_aux

下载模型

SDXL

juggernautXL_v9Rundiffusionphoto2

  1. 地址：https://civitai.com/models/133005?modelVersionId=348913
  2. 下载到 ComfyUI\models\checkpoints目录下

juggernaut_reborn

  1. 地址：https://civitai.com/models/46422?modelVersionId=274039
  2. 下载到 ComfyUI\models\checkpoints目录下

controlnet模型

control_v11f1e_sd15_tile

  1. 地址：https://huggingface.co/lllyasviel/control_v11f1e_sd15_tile
  2. 下载到 ComfyUI\models\controlnet 目录下

control-lora-canny-rank256

  1. 地址：https://huggingface.co/timoshishi/control-lora-canny-rank256/tree/main
  2. 下载到 ComfyUI\models\controlnet 目录下

VAE模型

vae-ft-mse-840000-ema-pruned

  1. 地址：https://huggingface.co/stabilityai/sd-vae-ft-mse-original/blob/main/vae-ft-mse-840000-ema-pruned.safetensors
  2. 下载到 ComfyUI\models\vae 目录下

LoRA 模型

more_details

  1. 地址：https://civitai.com/models/82098?modelVersionId=87153
  2. 下载到 ComfyUI\models\loras 目录下

SDXLrender_v2.0

  1. 地址：https://civitai.com/models/171159?modelVersionId=236130
  2. 下载到 ComfyUI\models\loras 目录下

Hyper加速模型

Hyper-SDXL-8steps-lora.safetensors用于加速SDXL生成速度

  1. 地址：https://huggingface.co/ByteDance/Hyper-SD/tree/main
  2. 下载到 ComfyUI\models\loras 目录下

放大模型

RealESRGAN_x2

  1. 地址：https://huggingface.co/ai-forever/Real-ESRGAN/tree/main
  2. 下载到 ComfyUI\models\upscale_models 目录下。。

FLUX

flux1-dev-fp8.safetensors

  1. 地址：https://huggingface.co/Comfy-Org/flux1-dev/blob/main/flux1-dev-fp8.safetensors
  2. 下载到 ComfyUI\models\checkpoints目录下

整合包下载

wx后台回复【figma】即可领取链接

这个只是开始，我还会在这个或者其他Figma插件中增加更多的功能，方便设计师通过AI方式，提升创作效率！

更多 AI 辅助设计和设计灵感趋势，请关注公众号（设计小站）：sjxz00。

标签