ZenStudio | Roblox UI Builder

Known Bugs & Issues

Grouping Logic — Complex grouping/nesting is still being refined; some parent-child scale inheritance may shift visually in the editor.
Script Management — Script syncing is in beta; ensure you save frequently to prevent logic desync.
Parity Accuracy — As of v1.9.0 the exporter is built against verified Roblox engine defaults, and the code panel flags the specific places a design will differ in-game. The remaining known gaps are font metrics (the preview approximates most Roblox fonts), TextScaled sizing, tiled and 9-sliced images, and AutomaticSize.

v1.9.0 — August 7, 2026 (Codegen Rewrite)

Rebuilt Luau Export — The code generator was rewritten from the ground up against verified Roblox engine defaults. Exported UI is now emitted as a depth-first tree, so the in-game child order matches the Explorer exactly.
Border Fix — Every GuiObject ships from Roblox with a 1px border. The exporter previously assumed 0, so borderless designs arrived in-game with visible outlines on every element. Border size is now always written explicitly.
Safer Output — Properties are checked against the class that actually owns them and enum values against their real member lists, so an imported or AI-generated project can no longer produce an export that errors on the first line. Element names can never shadow Luau globals like print or task.
Rewritten Animations — Entry, toggle and press animations now capture their resting state before anything moves, reuse an existing UIScale instead of adding a second one, and survive rapid toggling without drifting out of position.
Import Round-Trip — Exported code can be pasted straight back into the importer with its hierarchy and corner radii intact; previously the whole tree was flattened and every UICorner was lost.
Much Faster — Importing a 200-element project went from roughly 16 seconds to under 50ms, and bulk edits no longer lock up the code panel.
Export Notes — Where the editor preview and Roblox genuinely differ — gradients on text, rotation with clipping, TextScaled, tiled images — the export now says so in a header comment instead of leaving you to find it in-game.

v1.8.2 — May 8, 2026 (Major UI Update)

Custom Dropdown System — Replaced native selects with a high-fidelity, premium custom dropdown system for better theme consistency and UX.
Smart Viewport Scaling — Added auto-fitting for device presets; selecting 1920x1080 or phone sizes now automatically scales the workspace to fit your screen.
Manual Zoom & Controls — New toolbar zoom controls (10% to 1000%) with "Fit to View" and "Reset Zoom" shortcuts.
Aesthetic Overhaul — Deepened dark theme with enlarged gradients, indigo accents, and disabled all blurs for maximum UI crispness.
Event Delegation — Refactored UI interaction layer to use event delegation, improving performance and fixing complex click-handling edge cases.

v1.8.1 — May 8, 2026

Second Fidelity Pass — Fixed legacy project/template migration so old pixel shorthand like Size = { x: 340, y: 400 } remains offset-based instead of becoming scale-based.
UIGridLayout Support — Added UIGridLayout defaults, inspector controls, canvas preview, layout-controlled child behavior, Luau export, and Luau import support.
Safer RichText Preview — Rich text is now sanitized before previewing supported Roblox-style tags instead of injecting raw HTML.
Better Roblox Image Previews — rbxassetid:// values now preview via Roblox thumbnail URLs for better browser compatibility.
Importer Fixes — Fixed modifier imports from create() blocks and added import support for UIStroke.Transparency, RichText, Active, and Selectable.
Export Fixes — UIListLayout now exports non-default SortOrder values such as Name correctly.

v1.8.0 — May 8, 2026

Roblox Fidelity Pass — Added a broader client-side Roblox UI schema for more accurate project state, property editing, rendering, import, and Luau export.
CanvasGroup Support — Added CanvasGroup insertion, explorer icons, inspector controls, rendering support, and Luau export for GroupTransparency and GroupColor3.
Constraint Expansion — Improved UIAspectRatioConstraint and added UIScale preview/export support for closer Roblox sizing behavior.
Layout Accuracy — Improved UIListLayout and UIPadding canvas behavior, including layout-controlled positioning, alignment, padding, and sort order handling.
Text Fidelity — Added inspector, renderer, importer, and exporter handling for RichText, LineHeight, TextStrokeColor3, TextStrokeTransparency, and TextTruncate.
Image Fidelity — Added support for Slice, SliceCenter, SliceScale, TileSize, ImageRectOffset, and ImageRectSize, plus browser preview resolution for common rbxassetid:// image values.
Import/Export Round-Trip — Luau import and generated Luau now preserve more Roblox UI properties instead of silently dropping them.
Project Migration — Older saved project JSON now deep-merges against the newer default schema so existing designs inherit the new fidelity properties safely.
Stability Fix — Fixed a renderer crash caused by reading UIListLayout alignment fields from elements without a layout.

v1.7.0 — May 2, 2026

Layout Engine Overhaul — Eliminated the "Centered" flag in favor of strict UDim2 Scale + AnchorPoint logic. This fixes the "offset centering" bug once and for all.
Next-Gen Luau Importer — Completely rewritten engine. Now supports both standard Instance.new property assignments and the create() helper pattern.
Smart Constraints — The editor now detects parent UIListLayout and prevents absolute positioning conflicts automatically.
Codegen Optimization — Drastically cleaner code output. Generator now skips all default Roblox property values (e.g., 0px borders, default fonts, white backgrounds).
Scalable Event System — Migrated to an array-based event model, allowing for multiple interactions and cleaner script generation.
Draggable Fixes — Fixed dragging logic to accurately calculate UDim2 offsets and added full support for mobile/touch dragging.

v1.6.0 — April 28, 2026

More Templates — Added a bunch of new ass ui templates!
Deep Space UI Overhaul — Completely redesigned aesthetic with solid geometric panels, zero-blur transparency, and a premium icon-only header.
Monaco Logic Tabs — Fully integrated multi-tab script editor with real-time logic synchronization.
Smart Container Flattening — Automatically removes redundant Group frames during export while preserving layout integrity.
Unified State Model — Merged interaction logic into a single task.spawn block for perfect event synchronization.
Refined Viewport — Switched to a dark-themed high-contrast viewport for more accurate design validation.
Performance Optimization — Optimized renderer and code generator for faster updates on complex UI structures.

v1.5.0 — April 28, 2026

LocalScript support — Attach real Lua logic to any UI element. Scripts emit as task.spawn blocks in the generated code.
UIGradient fix — Gradients now generate proper ColorSequence Luau code instead of being silently skipped.
UIStroke fix — Stroke properties now emit as a real UIStroke instance in the generated output.
ScrollingFrame fix — CanvasSize and ScrollBarThickness are now included in generated code.
Hover color codegen — Button hover colors now generate MouseEnter/MouseLeave handlers in Luau.
ImageButton added to the insert toolbar.
Toggle animations — Slide/pop animations now use the element's stored UDim2 position directly instead of inferring anchors, fixing 1:1 parity.

v1.4.0 — April 27, 2026

Modular architecture rewrite (Store, Renderer, Inspector, CodeGen, Explorer, Viewport, Input).
Full UDim2 Scale+Offset support for Position, Size, and CanvasSize.
Multi-select, group, align, and distribute tools.
UIListLayout, UIPadding, UIAspectRatioConstraint support.
Zoom, pan, fit-to-view, grid overlay, ruler guides.
Lock, hide, collapse in Explorer. Drag-and-drop reparenting.
Luau import from create() format.