Back to Plugins
Figma to Rust by BYTE FORGE

Figma to Rust by BYTE FORGE

Export Figma designs to Rust Carbon UI with optimized PNG assets

Plugin Preview

Figma to Rust by BYTE FORGE 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

Version3
CreatedAugust 25, 2025
Last UpdatedAugust 25, 2025
CategorySoftware development
CreatorClaudiu Stelian
Stats18 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none