Open Source · MIT · v1
The Figma to Lua MTA Converter turns your layouts into ready-to-use Lua code for Multi Theft Auto:SA. Generate dxDrawRectangle, dxDrawText and dxDrawImage automatically, with adaptive scaling and pixel-perfect colors.
Everything you need to take your interface from Figma straight to your MTA server.
Rectangles become dxDrawRectangle with position, size and color preserved.
Rounded corners become dxDrawRoundedRectangle keeping the original radius.
Texts become dxDrawText with mapped font and faithful colors.
Images, icons, vectors, ellipses and gradients are exported as PNG and become dxDrawImage.
The code adapts to any resolution with centered zoom, just like your design.
Translucent colors are composited over the background exactly as in Figma.
Figma fonts are converted to their MTA equivalents automatically.
Empty containers generate no code and duplicate calls are removed automatically.
Generates ProjetoGerado.lua, meta.xml and assets in a ZIP ready for MTA.
Different colors within the same text become #RRGGBB using dxDrawText colorCoded.
From Figma to your server in a few steps, without writing a single line of code by hand.
Search for "Conversor de Figma para Lua MTA" on Figma Community and click Install.
Open your project or create a new frame with the interface you want to convert.
Right-click → Plugins → Conversor de Figma para Lua MTA.
The "Background Name" field defines the base resolution frame (default: Background). It is excluded from the code.
No selection converts the whole project. With a selected frame, only it is converted.
Click "CONVERT AND DOWNLOAD ZIP" and receive the complete ProjetoGerado.zip.
Extract the ZIP into the server resources/ folder and run /start ProjetoGerado.
Every element of your design becomes the corresponding dxDraw function in MTA.
| Figma element | Generated Lua code |
|---|---|
| Rectangle | dxDrawRectangle |
| Rounded rectangle | dxDrawRoundedRectangle |
| Text | dxDrawText |
| Image / Icon / Vector / Ellipse / Gradient | dxDrawImage |
| Image / Icon / Vector / Ellipse / Gradient: PNG exported automatically | |
Figma fonts are automatically converted to their MTA equivalents.
| Figma font | MTA font |
|---|---|
| Inter | default |
| Arial | arial |
| Bebas Neue | pricedown |
| Other fonts | Mapped by equivalence |
Different colors within the same text become #RRGGBB using dxDrawText colorCoded.
Get the plugin running on Figma and load the resource on your MTA server.
Install the plugin from the Figma Community page.
Open the design and run the plugin from the Plugins menu.
Click CONVERT AND DOWNLOAD ZIP.
Extract ProjetoGerado.zip into the server resources/ folder.
Run /start ProjetoGerado in the server console.
/start ProjetoGerado
Clone the repository and run npm install.
Run npm run build to compile src/ → code.js.
Use npm run watch to recompile on save.
In Figma Desktop: Menu → Plugins → Development → Import plugin from manifest.
Select the project's manifest.json file.
npm install && npm run build
Licensed under MIT — MIT
Common questions about the Figma to Lua MTA Converter.
The plugin generates a ZIP with ProjetoGerado.lua, meta.xml and the assets/images folder with exported PNGs. The content is a complete resource, ready to run on MTA.
The code uses adaptive scaling with zoom = math.min(sW/resW, sH/resH), centering the design at any player screen resolution, just like Figma.
No. Without a selection the plugin converts the whole project. If you select a frame, only it is converted. The frame defined as Background sets the base resolution and is excluded from the code.
Figma fonts are mapped automatically to their MTA equivalents. Examples: Inter → default, Arial → arial and Bebas Neue → pricedown.
Yes. The project is open source under the MIT license, free to use including for commercial purposes.
The code is on GitHub at SrTermax/Conversor-de-Figma-para-Lua-MTA. Open an issue or send a pull request.
Install the plugin on Figma, convert your interface and run it on your MTA server in minutes.