Figma to Rust by BYTE FORGE
Export Figma designs to Rust Carbon UI with optimized PNG assets
Plugin Preview
About this plugin
💬 Join our Discord community: BYTE FORGE🚀 Rust server hosting: byte-forge.eu☕ Support development: Buy me a coffee:Transform your Figma designs into production-ready Rust Carbon UI code instantly. This plugin bridges the gap between design and development for Rust game servers and applications.Key Features:Smart Export System - Visual elements (shapes, groups, frames) automatically export as PNG images, while text converts to Carbon UI labels and buttonsPNG Optimization - Elements with identical names share the same PNG file, eliminating duplicates and reducing file sizesImage Library Integration - Built-in support for Rust's Image Library plugin for faster loading timesOne-Click Downloads - Download all generated PNGs as a ZIP file plus the complete .cs Carbon UI plugin codePrecise Positioning - Maintains exact positioning, colors, fonts, and styling from your Figma designButton Detection - Automatically identifies button elements and generates proper click handlersWeb-Ready URLs - Configure your PNG base URL for seamless web server integrationPerfect for:Rust game server UI developmentCarbon UI plugin creatorsGame developers using Oxide frameworkTeams wanting to streamline design-to-code workflowHow it works:Design your UI in FigmaSelect the elements you want to exportConfigure your PNG base URL and class nameExport to get optimized PNGs + complete Carbon UI C# codeUpload PNGs to your server and deploy the generated pluginNo manual UI coding required - go from Figma design to functional Rust UI in seconds!Usage GuideHow Button Detection WorksThe plugin automatically detects elements as buttons if their name:Ends with .button (e.g., "Play.button")Contains "button" anywhere (e.g., "PlayButton")Contains "btn" anywhere (e.g., "menu_btn")Button TypesText Buttons: Text elements with button names become transparent clickable buttonsVisual Button Groups: Groups/frames with button names export as PNG backgrounds with invisible clickable overlays🔧 Requirements & Dependencies1. ImageLibrary Plugin (Recommended)Install ImageLibrary on your Rust server for better performance:Faster image loadingMemory cachingBetter server optimization2. PNG Hosting (Required)You must upload exported PNG files to a publicly accessible location:Web server (recommended): http://yourserver.com/ui-images/Dropbox public links: https://dl.dropboxusercontent.com/...GitHub Pages/CDN: https://cdn.jsdelivr.net/...Local server (testing): http://localhost/images/🎯 Important RulesUnique Names Only: Every element must have a unique name in Figma to avoid conflicts and PNG overwritesElements with identical names share the same PNG file (optimization feature)Setup ProcessDesign UI in Figma with unique element namesAdd .button suffix to clickable elementsConfigure PNG Base URL in pluginExport selection → Download ZIP + .cs fileUpload PNGs to your web serverInstall ImageLibrary + your generated plugin on Rust serverThe plugin generates complete Carbon UI code with automatic click handlers for all button elements.
Plugin Details
| Version | 3 |
|---|---|
| Created | August 25, 2025 |
| Last Updated | August 25, 2025 |
| Category | Software development |
| Creator | Claudiu Stelian |
| Stats | 18 installs, 8 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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.