Coherent Gameface Exporter
Export Figma frames to production-ready HTML/CSS for Coherent Gameface.
Plugin Preview
About this plugin
## Accelerate your game UI pipeline from design to engine.
The official exporter for Coherent Gameface that bridges the gap between design and implementation by converting your Figma layouts into Gameface-optimized HTML/CSS.
### ✨ Key Features
- **Frame-to-Page Export:** Every Top-Level Frame is exported as an individual HTML file (HUD, Inventory, Pause Menu).
- **Smart Asset Management:** Automatically rasterizes complex vectors and generates a clean folder structure for CSS and images.
- **Local Font Mapping:** Detects non-Google fonts and provides a mapping interface, ensuring your in-game typography matches your design files.
- **Privacy First:** Runs entirely locally within Figma. No design data is sent to the cloud.
## ⚠️ Technical Limitations (v1.0)
To ensure the generated code is performant and clean, we do not support every Figma feature. Please review these constraints:
### Layout & Structure:
- ✅ Supported: Auto Layout (exports as Flexbox), Frames (Absolute positioning).
- ❌ Not Supported: Figma Grids / CSS Grid layouts (please use Auto Layout).
### Styling:
- ✅ Supported: Solid color fills, standard linear gradients, basic drop shadows.
- ❌ Not Supported: Complex gradient handles (angles may vary), Multiple fills with Blend Modes (will be rasterized as images).
### Typography:
- ✅ Supported: Solid text colors, Google Fonts, Custom/Local fonts.
- ❌ Not Supported: Text strokes (outlines) with non-solid colors and different positions than outside. Gradient text fills are not currently supported as live text.
## 🚀 Getting Started
To view your exported files, you will need the Coherent Gameface Player or SDK.
- New to Gameface? [Coherent Gameface](https://coherent-labs.com/)
- Documentation: [Gameface Documentation](https://docs.coherent-labs.com/cpp-gameface/what_is_gfp/overview/)
## 🗣️ Support
Found a bug? Help us fix it. Report your cases to: [[email protected]](mailto:[email protected])
Plugin Details
| Version | 1 |
|---|---|
| Created | January 20, 2026 |
| Last Updated | January 22, 2026 |
| Category | Software development |
| Creator | Coherent Labs |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdnjs.cloudflare.com
- https://coherent-labs.com
- https://fonts.googleapis.com
- https://fonts.gstatic.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 - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.