Figma to Rust by BYTE FORGE

About this plugin

💬 Join our Discord community: BYTE FORGE

☕ 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:

1. Smart Export System - Visual elements (shapes, groups, frames) automatically export as PNG images, while text converts to Carbon UI labels and buttons
2. PNG Optimization - Elements with identical names share the same PNG file, eliminating duplicates and reducing file sizes
3. Image Library Integration - Built-in support for Rust's Image Library plugin for faster loading times
4. One-Click Downloads - Download all generated PNGs as a ZIP file plus the complete .cs Carbon UI plugin code
5. Precise Positioning - Maintains exact positioning, colors, fonts, and styling from your Figma design
6. Button Detection - Automatically identifies button elements and generates proper click handlers
7. Web-Ready URLs - Configure your PNG base URL for seamless web server integration

Perfect for:

1. Rust game server UI development
2. Carbon UI plugin creators
3. Game developers using Oxide framework
4. Teams wanting to streamline design-to-code workflow

How it works:

1. Design your UI in Figma
2. Select the elements you want to export
3. Configure your PNG base URL and class name
4. Export to get optimized PNGs + complete Carbon UI C# code
5. Upload PNGs to your server and deploy the generated plugin

No manual UI coding required - go from Figma design to functional Rust UI in seconds!

Usage Guide

How Button Detection Works

The plugin automatically detects elements as buttons if their name:

1. Ends with .button (e.g., "Play.button")
2. Contains "button" anywhere (e.g., "PlayButton")
3. Contains "btn" anywhere (e.g., "menu_btn")

Button Types

Text Buttons: Text elements with button names become transparent clickable buttons

Visual Button Groups: Groups/frames with button names export as PNG backgrounds with invisible clickable overlays

🔧 Requirements & Dependencies

1. ImageLibrary Plugin (Recommended)

Install ImageLibrary on your Rust server for better performance:

1. Faster image loading
2. Memory caching
3. Better server optimization

2. PNG Hosting (Required)

You must upload exported PNG files to a publicly accessible location:

1. Web server (recommended): http://yourserver.com/ui-images/
2. Dropbox public links: https://dl.dropboxusercontent.com/...
3. GitHub Pages/CDN: https://cdn.jsdelivr.net/...
4. Local server (testing): http://localhost/images/

🎯 Important Rules

Unique Names Only: Every element must have a unique name in Figma to avoid conflicts and PNG overwrites

Elements with identical names share the same PNG file (optimization feature)

Setup Process

1. Design UI in Figma with unique element names
2. Add .button suffix to clickable elements
3. Configure PNG Base URL in plugin
4. Export selection → Download ZIP + .cs file
5. Upload PNGs to your web server
6. Install ImageLibrary + your generated plugin on Rust server

The plugin generates complete Carbon UI code with automatic click handlers for all button elements.