RustCuiEditor - Visual CUI creator - Tools

About RustCuiEditor - Visual CUI creator

Rust CUI Editor
Visual Interface Designer for Rust

Stop writing UI code blindly. Design your CUI interfaces visually and export ready-to-use code in seconds.

What is this?

Rust CUI Editor is a desktop application for creating Rust game UI (CUI) interfaces using a visual drag-and-drop editor. Instead of writing dozens of lines of CuiHelper code and constantly reloading your plugin to see the result, you design everything visually and get clean, working code instantly.

Elements

Panel
Image (URL/sprite)
Label (with outline)
Button
InputField
ScrollView
NeedsCursor
NeedsKeyboard

Layout

Horizontal Layout Group
Vertical Layout Group
Grid Layout Group
Content Size Fitter

Visual

Drag elements on canvas
Resize with 8 handles
Multi-selection
Marquee select
Anchor/offset system
Element rotation
Inline text editing
Element locking

Alignment

Left / Center / Right
Top / Middle / Bottom
Stretch to parent
Match Width/Height
Distribute evenly

SVG Design Import

Import your designs directly from professional design tools:

Figma
export to SVG and import

Illustrator
Adobe AI/SVG support

Inkscape
free vector editor

Any SVG
standard format

► Automatic source detection optimizes parsing for each tool
► Smart layer hierarchy preservation
► Automatic element type detection (btn_, lbl_, img_, panel_)
► Correct parent-child coordinate conversion

Figma Plugin & Tools

New "Tools" folder included with the editor:

► CuiHelper Plugin for Figma — export designs directly to C# code
► Sample SVG designs — ready-to-import examples for testing and learning
► Documentation — setup guide for Figma plugin

Smart Resize Mode

Default Mode

Resize by changing Anchor values
Perfect for responsive layouts that
scale with screen size

Shift + Resize

Resize by changing Offset values
Perfect for pixel-perfect positioning
Orange handles indicate active mode

Inline Text Editing

► Double-click any text element to edit it directly on canvas
► No need to switch to the property panel — just click and type
► Press Enter or click outside to confirm changes

Guides, Grid & Smart Snapping

► Draggable guides from rulers
► Customizable grid with snap
► Smart guides — auto-snap to edges
► Distance indicators while dragging

Multiple Backgrounds

Preview your UI on actual game screenshots:

Game view Inventory Loot container Crafting Map Transparent

Export Formats

Generate ready-to-use code in three formats:

C# (CuiHelper)

container.Add(new CuiPanel {
  RectTransform = { 
    AnchorMin = "0.3 0.3", 
    AnchorMax = "0.7 0.7" 
  },
  Image = { Color = "0.1 0.1 0.1 0.9" }
}, "Overlay", "MyPanel");

JSON

[{
  "name":"MyPanel",
  "parent":"Overlay",
  "components":[...]
}]

Full Plugin

Complete .cs file with:
• using statements
• class definition
• all UI code

Import Existing Code

Already have CUI code? Import it!

► Paste JSON array
► Paste C# CuiHelper code
► Import from PSD files
► Import from SVG files (Figma, Illustrator, Inkscape)

The editor parses your code and recreates all elements for visual editing.

Project Management

► Save/Load project files
► Multiple tabs for different projects
► Recent projects with thumbnails
► Per-project settings
► Close confirmation for unsaved changes

Property Editor

Full control over every element property:

► Position (anchors + offsets)
► Colors with Rust format (0-1 RGBA)
► Fonts and text alignment
► Sprite/material selection
► Outline settings

► Fade in/out animations
► Button commands
► Input field parameters
► ScrollView settings
► Rotation and pivot point

Quote

<b>text</b> — Bold
<i>text</i> — Italics
<size=20>text</size> — Size
<color=#FF0000>text</color> — Color

Element Hierarchy

► Layer-based structure (Overlay, Hud, HudMenu)
► Parent-child relationships
► Drag & drop reordering
► Visibility toggle
► Lock elements to prevent accidental edits
► Rename with double-click
► Hover a tree node to highlight it on canvas