Icon font generator
by Victor Assis
Icon font generator from figma vectors
Installs
1,094
Likes
136
Users
14,180
Views
14,376
Preview
About this plugin
Icon font generator For FigmaEasy to use from figma vectors, with it you will generate:SVGEOTTrueTypeWoffWoff2Symbol-defs SVGeach vectorjson configHow it WorksThis plugin detects all vectors selected. It then convert to fonts files, show a preview of result.
Basic UsageSelect a vector.*click in "Generate Font" to download of zip with files.*Note: unpredictable things can happen if you select more complex vectors.
More ConfigsFont 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--customligaKnown 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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.