Figma plugin for generating Chromium Vector Icon (.icon) code

[Dora Lee]

Hi all,

While working on Chromium UI, I kept running into the same friction point — converting vector artwork into ⁠.icon format (Skia vector icon syntax) was a manual, error-prone step that broke my workflow every time I needed to iterate on an icon.

So I built a small Figma plugin to automate that conversion: Chromium Vector Icon Converter.

What it does:

• Converts a selected Figma frame, component, or vector path into Chromium Vector Icon syntax

• Copy the generated code directly to your clipboard, or export it as a ⁠.icon file

• Also surfaces the output in Figma's Dev Mode Codegen panel, which is handy when reviewing designs

A few things to keep in mind:

• Works best with clean vector artwork (SVG-exportable shapes/paths) — the closer your Figma layer is to a well-structured SVG, the cleaner the output

• Select one node at a time

• Runs entirely locally inside Figma — no network requests

It's not a replacement for careful manual review, but it removes most of the boilerplate and gives you a solid starting point to work from.

If you're doing any icon work in Chromium and use Figma in your design-to-code pipeline, it might save you some time.

Plugin link: https://www.figma.com/community/plugin/1608046108245968206/chromium-vector-icon-converter

Feedback and bug reports are welcome.

Thanks