PIP SVG Recorder

Every style in the PIP_ArtisticWords pack is an SVG file. That's the entire architecture: drop an SVG in, restart, and it shows up in the style dropdowns of the text nodes. So how do you make your own style without hand-editing XML? PIP SVG Recorder. It renders styled text to a preview image, and if you switch it to save mode, it writes a ready-to-use SVG template straight into the pack's SVG/ folder. Design loop, closed.

What it does

Give it some text, a font, a size, and as many effect parameters as you can stand, and it returns:

• 预览图 (IMAGE) - your text rendered with the current effect settings on a (default transparent) background.
• 信息 (STRING) - a text dump of every applied setting, so you can see what you actually built.

The one input that changes its behavior entirely: 操作模式. In 测试模式 (test mode) it only previews. In 保存模式 (save mode) it also writes SVG/<文件名称>.svg (default filename my_style) and - after a ComfyUI restart - that style appears in the Generator and Preview nodes' style lists.

The inputs that matter

Required: 文本内容 (the sample text), 字体名称 (the five bundled fonts), 字体大小 (8–500, default 72), 操作模式, 文件名称, and 预览宽度/预览高度 (128–2048, default 512).

Then the optional effects, all in Chinese labels:

• 启用填充 / 填充类型 - fill as 纯色 (solid), 渐变 (gradient), or 无填充 (none). Gradients take two colors plus a direction (8 options, 从左到右 through 右上到左下).
• 启用描边 - outline with width (0–50), opacity, color, and its own gradient option.
• 启用阴影 - drop shadow with color, opacity, X/Y offset, and blur (0–100).
• 启用内阴影 - inner shadow (off by default) with the same controls plus its own offsets.
• 启用外发光 - outer glow (off by default) with color, opacity, blur, and intensity.
• 背景颜色 / 背景透明度 - only for the preview, so you can see a light or dark style against something.

How it works

The node builds a style dict from all those options, renders the preview through the same TextRenderer / EffectsProcessor pipeline the other nodes use, and in save mode hands the dict to an SVG generator that writes a properly structured SVG - <defs> with gradient/filter definitions, <path> with the fill and stroke references - matching what the README documents for hand-authored styles. It's the same format designers export from Sketch after converting text to outlines, so the two paths converge.

Installing it

Part of the PIP_ArtisticWords pack, one-time install:

cd ComfyUI/custom_nodes
git clone https://github.com/chenpipi0807/PIP_ArtisticWords.git
cd PIP_ArtisticWords
pip install -r requirements.txt

Or search "PIP Artistic Words" in ComfyUI Manager and restart. Dependencies are Pillow, numpy, opencv-python, and webcolors - nothing else.

Gotchas

• Saved styles need a restart to appear. The dropdowns are populated at startup, so a freshly saved SVG won't show until you reload ComfyUI. Slightly annoying, fully intentional.
• Save mode overwrites silently. A filename that already exists in SVG/ gets clobbered with no warning. Give styles unique names (the default my_style will collide on the second save).
• Only the saved SVG matters, not the preview. If the rendered preview and the later Generator output differ slightly, that's the same effect pipeline, so they should match - but the SVG is the source of truth.
• Chinese UI, again. All labels are Chinese (操作模式, 文件名称, 启用填充…). The 测试/保存 mode toggle is the one you must find, so bookmark this page if your ComfyUI doesn't translate them.
• Font licensing applies to anything you design here - the bundled 方正风雅宋 is a commercial font, and the README's warning covers it.