The Visual Interface Builder for Multi Theft Auto
Create stunning MTA:SA DX interfaces visually. Drag and drop components, customize properties, and export responsive, screen-scaled Lua code instantly.
!Drake.021
FREE
• iiKiller?'
FREE
wa9cd
FREE
! Sodaa 🧃
FREE
Nargos 🚬
FREE
Aleksï.
FREE
MR-FIX
OWNER
!Drake.021
FREE
• iiKiller?'
FREE
wa9cd
FREE
! Sodaa 🧃
FREE
Nargos 🚬
FREE
Aleksï.
FREE
MR-FIX
OWNER
!Drake.021
FREE
• iiKiller?'
FREE
wa9cd
FREE
! Sodaa 🧃
FREE
Nargos 🚬
FREE
Aleksï.
FREE
MR-FIX
OWNER
!Drake.021
FREE
• iiKiller?'
FREE
wa9cd
FREE
! Sodaa 🧃
FREE
Nargos 🚬
FREE
Aleksï.
FREE
MR-FIX
OWNER
Features Designed for Developers
Skip the coordinate math. Focus on layout and aesthetics, while we generate the responsive codes.
Drag & Drop Canvas
Easily draw shapes, edit text fields, select colors, and manage multiple layers from a single, clean workspace environment.
Dynamic Scaling Engine
No more distorted UIs. We scale element coordinates using standard scaling fractions relative to the base design resolution.
Rounded DX Rectangles
Generate clean dxDrawRoundedRectangle functions. Uses customizable SVG shapes to keep corners round on all displays.
How It Works
Get your user interface running in your MTA:SA server in 3 simple steps.
Link Discord
Connect your Discord account. No long registration forms required. Instantly gain access to your private designer workspace.
Build Visually
Draw rectangles, add rounded cards, write text elements, set up custom colors, and arrange layers using the visual editor.
Export & Run
Copy the generated Lua DX code, download the scaling functions.lua helper file, and import them straight into your MTA resources.
Simple, Transparent Plans
Access our premium design tools. Try them out for free during the active beta period.
Free Plan
Explore features on our landing page. Workspace access requires a Pro subscription.
- No workspace access
- No Lua DX code export
- No workspace layers
- Standard community support
Pro Plan
Unlimited workspace elements and premium drawing helpers.
- Full access to visual workspace
- Unlimited workspace layers
- SVG & Rounded Rectangle drawings
- Aspect-ratio scaled Lua DX code export
- Priority Discord support
Frequently Asked Questions
Have questions about the designer? Find answers here.
How do I make the interfaces responsive for different screens?
All exported Lua DX code utilizes our custom helper functions `setScreenPosition` and aspect ratios. The positions of elements are dynamically scaled from your design resolution (1920x1080) to the player's resolution, keeping the alignment exact.
What MTA DX functions are supported?
Currently, the workspace supports visual generation of `dxDrawRectangle`, `dxDrawRoundedRectangle` (via SVG creations), and `dxDrawText` operations.
Do I need to copy code functions into my MTA resource?
No. The generated Lua code already contains all the scaling calculations and vector drawing helpers directly inside it, so it works out-of-the-box in a single file!
Is my work saved when I close the browser?
Currently, your elements are kept active in your local browser session and synced using Node sessions. To keep work saved permanently, we recommend keeping your workspace active or downloading the exported codes frequently.