Icon font generator

About this plugin

Icon font generator For Figma

Easy to use from figma vectors, with it you will generate:

1. SVG
2. EOT
3. TrueType
4. Woff
5. Woff2
6. Symbol-defs SVG
7. each vector
8. json config

How it Works

This plugin detects all vectors selected. It then convert to fonts files, show a preview of result.

Basic Usage

1. Select a vector.*
2. click in "Generate Font" to download of zip with files.

*Note: unpredictable things can happen if you select more complex vectors.

More Configs

Font Parameters:

On the tab "Font Config" you can config some parameters from the font, including "Font Name", "Font Weight", "Font Style" ...*

*Note: That informations are save on the file.

Ligatures and Unicode:

Next to button "Generate Font" you choice if must have ligadures, and unicode is generated automatic.

For ligatures we use the name of files, but you can customizing both ligature and unicode.

In the vector name, we separede the props as follows:

{custom unicode}-{name}--{custom ligature}, so you custom parameters of icon.

For example: uEA01-iconName--customliga

Known issue, work in progress:

If your svg containts strokes or any tags besides a single path e.g polygon rect line etc, you will get errors when trying to convert them into fonts.

I'm working to correct the vector, before generating the fonts.