A free Figma to Rust plugin. Easy to use

[Costin]

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 buttons
• PNG Optimization - Elements with identical names share the same PNG file, eliminating duplicates and reducing file sizes
• Image Library Integration - Built-in support for Rust's Image Library plugin for faster loading times
• One-Click Downloads - Download all generated PNGs as a ZIP file plus the complete .cs Carbon UI plugin code
• Precise Positioning - Maintains exact positioning, colors, fonts, and styling from your Figma design
• Button Detection - Automatically identifies button elements and generates proper click handlers
• Web-Ready URLs - Configure your PNG base URL for seamless web server integration

 

Perfect for:

• Rust game server UI development
• Carbon UI plugin creators
• Game developers using Oxide framework
• Teams wanting to streamline design-to-code workflow

 

How it works:

• Design your UI in Figma
• Select the elements you want to export
• Configure your PNG base URL and class name
• Export to get optimized PNGs + complete Carbon UI C# code
• 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:

Quote

 

Ends with .button (e.g., "Play.button")

Contains "button" anywhere (e.g., "PlayButton")

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:

• Faster image loading
• Memory caching
• Better server optimization

 

2. 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 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

Quote

 

Design UI in Figma with unique element names

Add .button suffix to clickable elements

Configure PNG Base URL in plugin

Export selection → Download ZIP + .cs file

Upload PNGs to your web server

Install ImageLibrary + your generated plugin on Rust server

 

 

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

 

Figma to Rust - Figma Communty

[xNullPointer95]

Thank you!