LuaCanvasSTUDIO
Untitled GUI/Workspace
DESIGN WORKSPACE All changes saved locally
100%

Lua source

Static parser · no code execution

.lua
0 linesWaiting for source

Live preview

1280 × 800 · 100%

LIVE

Your canvas is ready

Paste supported Roblox GUI code in the source editor, or add a component to begin.

Drag move selected · Esc deselectNo selection
!

Are you sure?

This action cannot be undone.

Compare source

Original source vs. current generated source

Changes are shown side-by-side.

Original source

Updated source

      

    

  

  
    

      
Validation report
Static checks only — this does not run Lua or replace Roblox Studio validation.

      

      

    

  

  
    

      
Grid Corrector
Analyze rendered GUI bounds, grid alignment, and sibling overlap. No Lua code is executed.

      

        
        
        
      

      

        
        
        
      

      
Auto-correction preserves UDim2 scale values and adjusts offsets only. Elements controlled by UIListLayout or UIGridLayout are left alone. Different device aspect ratios can still require deliberate responsive design choices.

      
Run an analysis to identify layout issues.

      
No analysis yet. Choose your target preview and analyze the layout.

      

    

  

  
    

      
Export Lua source
Review the source before copying or downloading.

      

      
      

    

  

  
    

      
Saved colors
Reuse colors in this browser.