Back to Plugins
yesyescolor

yesyescolor

Render color fonts Figma can't.

Plugin Preview

yesyescolor preview

About this plugin

Figma text is great, until your font has color.yesyescolor renders the color fonts Figma can’t display. Upload a COLR/CPAL color font (the format behind most Google Fonts color faces, like Bungee Spice, Nabla, and Foldit), type your text, and drop the result onto your canvas as crisp SVG vectors or PNG.Edit the palette, even on gradients. Every color the font defines becomes an editable swatch. Drag a swatch and the preview recolors live, including COLR v1 gradient stops. Pro adds per-color opacity, one-click invert / grayscale / hue-shift, and saved palettes you can reuse across renders.Insert it your way. PNG insert is free. Pro unlocks SVG vector insert, Copy SVG and Export SVG, and batch output: split your text per line, word, or glyph into separate nodes or Figma components.Fully private. The plugin declares no network access: fonts are parsed and rendered entirely on your machine and are never uploaded anywhere.Good to know: plain outline fonts render with one editable fill. OpenType-SVG and bitmap/emoji color fonts fall back to a monochrome outline. Re-export them as COLR/CPAL for color. WOFF/WOFF2 should be re-exported as OTF/TTF. Output targets display lettering: glyphs are placed by advance width, without kerning or complex-script shaping.Try it before installing: the exact same renderer runs in your browser at yesyescolor.com/try.Free: live preview, palette editing, PNG insert. Pro ($49 one-time, unlocked in-plugin via Figma payments): SVG insert / copy / export, saved palettes, advanced palette controls, and batch & component output.

Plugin Details

Version1
CreatedJuly 21, 2026
Last UpdatedJuly 21, 2026
Categoryfonts-typography
CreatorColby
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Network Access:

    yesyescolor processes uploaded fonts entirely client-side and does not make network requests.

  • Editor Types:
    figma
  • Allowed Domains:
    • none