Figma → Lua MTA

Open Source · MIT · v1

Do design do Figma direto para o MTA em código Lua

O Conversor de Figma para Lua MTA transforma seus layouts em código Lua pronto para Multi Theft Auto:SA. Gere dxDrawRectangle, dxDrawText e dxDrawImage automaticamente, com escala adaptativa e fidelidade total de cores.

Ver o guia completo →

100%
Automático
Pronto para rodar
Resource MTA completo
Open Source
Licença MIT
✦ Recursos

Recursos

Tudo que você precisa para levar sua interface do Figma direto para o seu servidor MTA.

  • Retângulos

    Conversão de retângulos em dxDrawRectangle, com posição, tamanho e cor preservados.

  • Retângulos arredondados

    Cantos arredondados viram dxDrawRoundedRectangle mantendo o raio original.

  • Textos

    Textos viram dxDrawText com fonte mapeada e cores preservadas fielmente.

  • Imagens e vetores

    Imagens, ícones, vetores, elipses e gradientes são exportados como PNG e viram dxDrawImage.

  • Escala adaptativa

    O código se adapta a qualquer resolução com zoom centralizado, igual ao seu design.

  • Fidelidade de cores

    Cores com transparência são compostas sobre o fundo exatamente como no Figma.

  • Mapeamento de fontes

    Fontes do Figma são convertidas para equivalentes do MTA automaticamente.

  • Código limpo

    Containers vazios não geram código e chamadas duplicadas são removidas automaticamente.

  • Exportação em ZIP

    Gera ProjetoGerado.lua, meta.xml e assets em um ZIP pronto para o MTA.

  • Texto colorido

    Cores diferentes dentro de um mesmo texto viram #RRGGBB com colorCoded do dxDrawText.

⚡ Como funciona

Como funciona

Do Figma para o seu servidor em poucos passos, sem escrever uma linha de código à mão.

  1. Instale o plugin

    Procure por "Conversor de Figma para Lua MTA" no Figma Community e clique em Instalar.

  2. Abra seu design

    Abra o projeto ou crie um novo frame com a interface que deseja converter.

  3. Execute o plugin

    Clique com o botão direito → Plugins → Conversor de Figma para Lua MTA.

  4. Configure o background

    O campo "Nome do Background" define o frame de resolução base (padrão: Background). Ele é excluído do código.

  5. Selecione o que converter

    Sem seleção, converte o projeto inteiro. Com um frame selecionado, converte apenas ele.

  6. Baixe o ZIP

    Clique em "CONVERTER E BAIXAR ZIP" e receba ProjetoGerado.zip completo.

  7. Rode no MTA

    Extraia o ZIP na pasta resources/ do servidor e execute /start ProjetoGerado.

⇄ Mapeamento Figma → Lua

Mapeamento Figma → Lua

Cada elemento do seu design vira a função dxDraw correspondente do MTA.

Elementos do Figma e suas funções Lua no MTA
Elemento no Figma Código Lua gerado
Retângulo dxDrawRectangle
Retângulo arredondado dxDrawRoundedRectangle
Texto dxDrawText
Imagem / Ícone / Vetor / Elipse / Gradiente dxDrawImage
Imagem / Ícone / Vetor / Elipse / Gradiente: PNG exportado automaticamente
🔤 Mapeamento de fontes

Mapeamento de fontes

As fontes do Figma são convertidas automaticamente para as equivalentes do MTA.

Fontes do Figma e suas equivalentes no MTA
Fonte no Figma Fonte no MTA
Inter default
Arial arial
Bebas Neue pricedown
Outras fontes Mapeadas por equivalência

Cores diferentes dentro de um mesmo texto viram #RRGGBB com colorCoded do dxDrawText.

📦 Instalação e uso

Instalação e uso

Coloque o plugin para funcionar no Figma e rode o resource no seu servidor MTA.

No seu servidor MTA

  1. Instale o plugin pela página do Figma Community.

  2. Abra o design e execute o plugin pelo menu Plugins.

  3. Clique em CONVERTER E BAIXAR ZIP.

  4. Extraia o ProjetoGerado.zip na pasta resources/ do servidor.

  5. Rode /start ProjetoGerado no console do servidor.

/start ProjetoGerado

Desenvolvimento do plugin

  1. Clone o repositório e rode npm install.

  2. Execute npm run build para compilar src/ → code.js.

  3. Use npm run watch para recompilar ao salvar.

  4. No Figma Desktop: Menu → Plugins → Development → Import plugin from manifest.

  5. Selecione o arquivo manifest.json do projeto.

npm install && npm run build

Licenciado sob MIT — MIT

? Perguntas frequentes

Perguntas frequentes

Dúvidas comuns sobre o Conversor de Figma para Lua MTA.

O que o plugin gera exatamente?

O plugin gera um ZIP com ProjetoGerado.lua, meta.xml e a pasta assets/images com os PNGs exportados. O conteúdo é um resource completo e pronto para rodar no MTA.

Como o código se adapta a diferentes resoluções?

O código usa escala adaptativa com zoom = math.min(sW/resW, sH/resH), centralizando o design em qualquer resolução de tela do jogador, como no Figma.

Preciso selecionar algo antes de converter?

Não. Sem seleção o plugin converte o projeto inteiro. Se você selecionar um frame, apenas ele será convertido. O frame definido como Background define a resolução base e é excluído do código.

Quais fontes são suportadas?

As fontes do Figma são mapeadas automaticamente para equivalentes do MTA. Exemplos: Inter → default, Arial → arial e Bebas Neue → pricedown.

O plugin é gratuito?

Sim. O projeto é open source sob licença MIT, com uso livre inclusive para fins comerciais.

Como posso contribuir ou reportar problemas?

O código está no GitHub em SrTermax/Conversor-de-Figma-para-Lua-MTA. Abra uma issue ou envie um pull request.

Pronto para converter?

Instale o plugin no Figma, converta sua interface e rode no seu servidor MTA em minutos.