Ajuda · Traduções

Traduzir o sistema para outros idiomas

Os textos das suas telas — rótulos dos campos, colunas, títulos, botões e o menu — nascem no idioma em que você criou o projeto. Em Traduções → Textos das telas você transforma todos eles em chaves de tradução de uma vez, a IA traduz para os outros idiomas e cada usuário vê o sistema no idioma escolhido no cadastro dele.

Traduções → Textos das telas Administração → Usuários → Idioma (no app) Mad Framework 5.92.0 ou superior
00

O que você vai obter

A mesma tela do app, antes e depois. Exemplo com dados fictícios.

app › Clientes
Listagem de clientes do app em português: menu Clientes, Equipamentos, Ordem de Serviços e as colunas Cód., Nome, CPF/CNPJ e Telefone
pt-BRUsuário com o idioma padrão.
app › Clientes
A mesma listagem em espanhol: menu Clientes, Equipos, Orden de Servicios e as colunas Cód., Nombre, CPF/CNPJ e Teléfono
esUsuário com o idioma Español.

O caminho completo são quatro passos — sem editar tela por tela:

  1. Cadastre os idiomas do projeto (01).
  2. Em Textos das telas, selecione os textos e clique em Converter selecionados, com a IA traduzindo os outros idiomas (02–04).
  3. Clique em Testar agora (ou republique o projeto) (07).
  4. No app, cada usuário escolhe o Idioma no próprio cadastro (07).
01

Cadastrar os idiomas

Rail → Traduções → botão Idiomas (canto superior direito)

Adicione primeiro o idioma em que o projeto foi escrito — ele vira o idioma principal, de onde a IA parte para traduzir — e depois os outros. Neste exemplo: Português (BR) como principal e Español.

Studio › Traduções › Idiomas
Janela de idiomas do projeto com Português (BR) marcado como principal e Español habilitado
Idiomas do projeto. O principal fica travado; os outros podem ser habilitados e desabilitados a qualquer momento.
Idiomas que o app oferece ao usuárioO cadastro do usuário no app oferece Português (Brasil), Português (Portugal), English e Español. Cadastre em Traduções os que o seu público vai usar. Idioma escolhido pelo usuário e não cadastrado aqui mostra o texto do idioma principal.
02

Encontrar os textos das telas

Traduções → alternância Dicionário | Textos das telas

A aba Textos das telas varre todas as telas e o menu do projeto e lista cada texto fixo, agrupado por tela, já com uma chave sugerida. Os contadores do topo dizem quanto falta: Texto fixo (ainda não traduzível), Já traduzido e Não convertível.

Studio › Traduções › Textos das telas
Aba Textos das telas: contadores no topo, filtros por módulo, tela e situação, e a lista de textos agrupada por tela com a chave sugerida de cada um
Textos das telas. Filtre por módulo, tela ou situação, ou busque por texto e chave.

Entram na lista:

  • Rótulos, dicas e placeholders dos campos, títulos de seção, card, alerta e cabeçalho da página, colunas e ações das listagens, mensagens de confirmação;
  • o texto dos botões (o "Novo" e o "Salvar" que o gerador de CRUD cria);
  • o título da tela — o que aparece no topo da janela;
  • os rótulos do menu (módulos, grupos e telas).
Studio › Traduções › Textos das telas
Linhas da lista: um rótulo com o selo chave padrão do sistema, o título da tela e o texto de um botão
Três tipos de linha. O selo chave padrão do sistema indica que o texto ("Nome", "Salvar", "Editar") já tem tradução pronta no framework — nada novo é criado.
Tela aberta com alterações não salvasSe uma tela está aberta no editor com alterações ainda não salvas, os textos dela ficam bloqueados na lista, com o aviso "Alterações não salvas nesta aba — salve ou descarte antes". Isso evita que a conversão e a sua edição se atropelem.
03

Ajustar as chaves (opcional)

Coluna Chave da lista

A chave é o "endereço" do texto no dicionário, no formato grupo.nome. O grupo vem do módulo da tela e o nome vem do próprio texto — assistencia.cpf_cnpj, por exemplo. O mesmo texto em várias telas usa uma chave só: traduziu uma vez, vale em todas.

Na maioria dos casos a sugestão serve. Edite quando o mesmo texto tiver sentidos diferentes (o "Estado" de um endereço e o "Estado" de um pedido) ou quando quiser um nome mais claro.

Studio › Traduções › Textos das telas
Campo da chave editado para assistencia.titulo_cadastro_cliente
Chave editada. Clique no campo da chave e digite. Letras minúsculas, números, _ e - no grupo; o nome aceita também ponto.
04

Converter e traduzir com IA

Selecionar os textos fixos do filtro → Converter selecionados

Marque os textos (ou todos de uma vez) e clique em Converter selecionados. A confirmação resume quantos textos, telas e itens de menu vão mudar e quantas chaves serão criadas ou reaproveitadas. Deixe marcado Traduzir os outros idiomas com IA para já sair com o espanhol preenchido.

Studio › Traduções › Converter
Confirmação da conversão com totais de textos, telas, itens de menu e chaves, e a opção Traduzir os outros idiomas com IA marcada
Confirmação. Nada muda até você clicar em Converter.

Ao final, o resultado mostra tela por tela o que foi convertido e quantas traduções a IA fez. Telas abertas no editor sem alterações pendentes são recarregadas sozinhas com a versão nova.

Studio › Traduções › Resultado
Resultado da conversão: 45 chaves criadas e 7 reaproveitadas, telas convertidas, 5 itens do menu, 9 títulos com chave e 45 traduções feitas pela IA
Resultado. Telas, itens do menu, títulos e as traduções feitas pela IA. Uma tela pode aparecer como pulada — ao lado vem o motivo (ver Problemas comuns).
Dá para desfazerCada tela convertida ganha uma versão chamada Tradução em lote no Histórico da página. Restaurar a versão anterior devolve os textos fixos.
05

Revisar as traduções no Dicionário

Traduções → Dicionário → grupo → chave

As chaves criadas aparecem no Dicionário, no grupo do módulo. Clique numa chave para ver e editar o texto de cada idioma. As traduções feitas pela IA ficam marcadas como pendentes de revisão até você conferir.

A seção Onde é usada lista as telas que usam aquela chave — clique para abrir a tela.

Studio › Traduções › Dicionário
Dicionário com o grupo assistencia aberto e o detalhe de uma chave: valores em português e espanhol e a lista Onde é usada
Detalhe da chave. Valores por idioma, trechos prontos para usar em código e as telas que usam a chave.
06

Como fica no editor

Editor da página → selecione o campo → painel de propriedades

Depois da conversão, o rótulo do campo aparece no painel como chave de tradução, não mais como texto fixo. No código Blade, label="Nome" vira :label="__('mad.name')".

Studio › ClienteForm › Propriedades
Editor da tela Cadastro de cliente: canvas com os rótulos em texto e o painel de propriedades do campo Nome com o Label ligado à chave mad.name
Label em modo chave. O canvas continua mostrando o texto ("Nome"); o painel mostra a chave ao lado. Para traduzir um texto só, sem a aba: clique no campo do rótulo, escolha a aba i18n key e crie ou escolha a chave ali mesmo.
07

Ver no app

Rail → Teste online → Testar agora · no app: Administração → Usuários → editar → Idioma

As traduções vão para o app quando ele é gerado. Clique em Testar agora no Teste Online — ou republique o projeto na hospedagem — depois de converter ou editar traduções.

Studio › Teste online
Aviso Teste Online publicado, com o botão Abrir aplicação
Testar agora. Leva alguns segundos e mantém os dados de teste.

No app, o idioma é de cada usuário: em Administração → Usuários, edite o usuário e escolha o Idioma. Quando a pessoa edita o próprio cadastro, a troca vale na hora.

app › Administração › Usuários › editar
Cadastro do usuário no app com o campo Idioma em Español
Idioma do usuário. Cada pessoa escolhe o seu; quem edita o próprio cadastro vê a troca na hora.
08

O sistema em espanhol

App do Teste Online, usuário com Idioma = Español. Dados fictícios.

Menu, títulos, rótulos, colunas e botões — tudo que foi convertido — aparece no idioma do usuário. O conteúdo cadastrado (nomes de clientes, descrições, situações) continua como foi digitado: é dado, não texto de tela.

app › Clientes › Nuevo
Formulário de cliente em espanhol: título Registro de cliente, campos Nombre, Teléfono, Correo electrónico, Dirección e botão Guardar
Formulário. Título da janela, seção, campos e o botão Guardar.
app › Equipos
Listagem de equipamentos em espanhol: menu, título Equipos e as colunas Cliente, Tipo e Marca
Outra listagem. Uma chave usada em várias telas ("Cliente", "Cód.") é traduzida uma vez só.
09

Telas novas e o agente

Telas geradas depois

Com dois ou mais idiomas cadastrados, as telas criadas pelo gerador de CRUD já nascem com os textos em chaves de tradução. Falta só traduzir os valores novos no Dicionário (ou com o botão de IA) e clicar em Testar agora.

Telas criadas de outro jeito (em branco, copiadas, editadas à mão) podem ganhar textos fixos novos: volte em Textos das telas de tempos em tempos — a lista mostra só o que ainda falta.

Pedindo ao agente

No agente de IA, peça por exemplo: "traduza o sistema para espanhol". Ele pode cadastrar o idioma, converter os textos das telas e do menu e traduzir as chaves novas — o mesmo caminho deste guia.

10

Problemas comuns

O que aparecePor quêO que fazer
A chave aparece no app (frota.veiculos_title)O app ainda não recebeu as traduções.Clique em Testar agora ou republique o projeto.
Um texto continua no idioma originalEle ainda é texto fixo, ou a chave não tem valor naquele idioma.Procure em Textos das telas (filtro Texto fixo) ou preencha o valor no Dicionário.
Tela pulada: "mudou desde a varredura"Alguém salvou a tela entre a varredura e a conversão.Clique em Varrer de novo e converta outra vez.
Tela pulada: "aberta por …"Outra pessoa está com a tela aberta no editor.Espere a pessoa fechar a tela e converta de novo.
Linha em Não convertívelO texto é montado com campos do registro ({nome} - {cidade}) ou com código.Ele não entra na conversão em lote; a lista mostra o motivo.
Página de documento (PDF) no fim da lista, como ignoradaO texto dos documentos é montado pelo editor de documentos.A conversão em lote não cobre documentos.
O app abre em outro idioma para todosO idioma principal do app define o padrão de quem não escolheu idioma.Ajuste o Idioma principal em Propriedades do projeto → Traduções.