KSP Font Generator
A simple, lightweight utility for generating bitmap fonts for Kontakt. This plugin converts any text object into a Kontakt-compatible font strip which retains most* of the font settings from the original text object (*see caveats below).This plugin improves upon existing Kontakt font generation tools in a number of ways:No need to manually upload font files or copy settings into an external tool. You can convert text elements directly from your interface design, without leaving Figma.Because the font is generated by Figma’s rendering engine, the glyphs will look identical to any static text you are using in your design.The plugin detects the true bounds of each rendered character, and prevents pixels from neighbouring characters from overlapping (common problem with some of the existing tools).This is an essential tool for anyone using Figma for Kontakt GUI designs. Enjoy!How To UseRight click on any text object in your Figma document, and select Plugins > KSP Font Generator > Generate Font.A new frame will be created, containing the generated font spritesheet in vector format. The generated font will retain any text styles applied to the original text object.Finally, export the frame as a PNG, and it will be ready to use in Kontakt. Supported text propertiesTypefaceFont size Font weight (bold, italic, etc.)Character spacingUnderline and strikethrough LettercaseFill colourOpacityInner shadowUnsupported features and caveatsDue to the nature of bitmap fonts and how Kontakt handles them, there are a few caveats you should be aware of. Kontakt doesn’t support kerning pairs. This means that certain character sequences might look unusually spaced (especially characters with parallel diagonal lines that usually overlap, like ‘AV’). Unless Kontakt supports kerning pairs in the future, there’s nothing that can be done about this. The plugin will clamp the position of each character to prevent overlapping. This will come into effect when choosing a font size or spacing value which would usually cause overlapping characters. A warning will be displayed when this occurs.Any text effects which would cause character bounds to overlap are unsupported. This includes blur, drop shadows and strokes. We may add support for these in the future, although using these features would force the minimum character spacing to increase.Gradient fills are unsupported.Other text properties such as line and paragraph spacing would have no effect because custom fonts can only be used on single-line labels.
Plugin Preview
About this plugin
A simple, lightweight utility for generating bitmap fonts for Kontakt. This plugin converts any text object into a Kontakt-compatible font strip which retains most* of the font settings from the original text object (*see caveats below).This plugin improves upon existing Kontakt font generation tools in a number of ways:No need to manually upload font files or copy settings into an external tool. You can convert text elements directly from your interface design, without leaving Figma.Because the font is generated by Figma’s rendering engine, the glyphs will look identical to any static text you are using in your design.The plugin detects the true bounds of each rendered character, and prevents pixels from neighbouring characters from overlapping (common problem with some of the existing tools).This is an essential tool for anyone using Figma for Kontakt GUI designs. Enjoy!How To UseRight click on any text object in your Figma document, and select Plugins > KSP Font Generator > Generate Font.A new frame will be created, containing the generated font spritesheet in vector format. The generated font will retain any text styles applied to the original text object.Finally, export the frame as a PNG, and it will be ready to use in Kontakt. Supported text propertiesTypefaceFont size Font weight (bold, italic, etc.)Character spacingUnderline and strikethrough LettercaseFill colourOpacityInner shadowUnsupported features and caveatsDue to the nature of bitmap fonts and how Kontakt handles them, there are a few caveats you should be aware of. Kontakt doesn’t support kerning pairs. This means that certain character sequences might look unusually spaced (especially characters with parallel diagonal lines that usually overlap, like ‘AV’). Unless Kontakt supports kerning pairs in the future, there’s nothing that can be done about this. The plugin will clamp the position of each character to prevent overlapping. This will come into effect when choosing a font size or spacing value which would usually cause overlapping characters. A warning will be displayed when this occurs.Any text effects which would cause character bounds to overlap are unsupported. This includes blur, drop shadows and strokes. We may add support for these in the future, although using these features would force the minimum character spacing to increase.Gradient fills are unsupported.Other text properties such as line and paragraph spacing would have no effect because custom fonts can only be used on single-line labels.
Plugin Details
| Version | 2 |
|---|---|
| Created | January 18, 2022 |
| Last Updated | February 23, 2022 |
| Category | fonts-typography |
| Creator | Will Bedford |
| Stats | 518 installs, 39 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/main.js
- Editor Types:figma
More Like This
Discover other plugins in the fonts-typography category.