Figma to Kontakt
UI design to KSP code in one click. But wait, there's much more.
Plugin Preview
About this plugin
Implementing UIs in KSP has been painful manual process, until now.
Using F2K's visual syntax in your designs, you can generate the implementation code and speed up your workflow by at least a couple orders of magnitude.
F2K now has a custom Font Generator module that allows adjustment of horizontal character spacing, vertical offset, it has a monospace option and supports text effects!
https://figmatokontakt.com - sign up and get rolling. FREE!
General tutorial dropped!
Make sure to user the Figma Starter document:
https://www.figma.com/community/file/1285989078638196307/figma-to-kontakt-start
Plugin Details
| Version | 16 |
|---|---|
| Created | November 6, 2022 |
| Last Updated | August 12, 2025 |
| Category | Software development |
| Creator | gabrieldib |
| Stats | 76 installs, 21 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:{"home": "dist/home.html", "logged": "dist/logged.html"}
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://figmatokontakt.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.