Render color fonts Figma can’t.
yesyescolor lets you upload a color font, edit its palette, preview the result, and drop it into Figma as SVG or PNG artwork.
For color fonts, experimental type, emoji-style lettering, layered display faces, and brand systems Figma refuses to render properly.
Figma text is great. Until your font has color.
Color fonts can contain layered fills, palettes, embedded SVG glyphs, bitmap glyphs, and other rendering data that design tools often ignore or flatten unpredictably. yesyescolor gives you a controlled way to turn that type into artwork you can actually use.
See it before you place it.
Load a color font — gradient fonts included — edit its palette, and download the exact artwork as SVG or PNG. This is the real renderer, running live right here. Nothing leaves your machine.
Loading the renderer…
Everything you need to place color type.
Upload color fonts
Use OTF, TTF, WOFF, or WOFF2 files.
Edit the palette
Swap colors before placing the type into your Figma file.
Live preview
See the rendered output before inserting.
Insert SVG
Add scalable artwork directly to your Figma canvas.
PNG fallback
Flatten complex fonts when vector output is not practical.
Save palettes
Reuse color treatments across renders.
Glyph-aware output
Keep structure by glyph, line, or flattened artwork.
Made for weird fonts
Useful for experimental display faces, brand lettering, and layered type systems.
Four steps, no fuss.
- 1Upload a font
- 2Type your text
- 3Edit the colors
- 4Insert into Figma
Buy once. No subscription.
Pro
$49one-time
- Everything in Free
- Insert as SVG (vector)
- Copy SVG · Export SVG
- Save & reuse palettes
- Advanced palette controls (opacity, invert, grayscale, hue-shift)
- Batch & component output (per line, word, or glyph)
- Personal & commercial use
Questions, answered.
No. It renders color-font text into SVG or PNG artwork so you can use the visual result inside Figma.