-
Plano avançado e Enterprise (legado)
Entre em contato com o departamento de Vendas para perguntas sobre o licenciamento.
Dica
Para informações sobre a integração do Figma no Phrase TMS, consulte Figma (TMS).
O plugin do Figma permite que o conteúdo de design seja integrado aos projetos do Phrase, preenchendo a lacuna entre as equipes de design de produto e de localização. O plugin oferece suporte ao envio de conteúdo, extração de traduções e gerenciamento de chaves entre o Figma e o Phrase Strings.
-
Branching é suportado.
-
É necessário acesso a pelo menos um projeto e um idioma com direitos de usuário de Tradutor. O acesso pode ser concedido ao receber um convite enviado por um Administrador ou Gerente de Projeto.
-
O plugin enviará capturas de tela de quadros de layout automático que não são elementos filhos.
-
Por padrão, camadas de texto ocultas não são incluídas na integração. Isso pode ser alterado nas configurações
selecionando .
-
Por padrão, as tags selecionadas no plugin são limpas após o processo de envio. Isso pode ser alterado nas configurações
-
Quaisquer alterações feitas nas configurações padrão
Para executar o plugin, selecione-o dentro do navegador de plugins do Figma ou na Figma Community e clique em Try it out. O plugin ficará disponível no menu do Figma.
A conexão do Figma com o Phrase pode ser feita com credenciais do Phrase, um access token ou um logon único (SSO).
Para entrar com SSO:
-
Na tela de login do plugin, selecione Sign in with SSO.
-
Insira o ID da organização.
-
Conclua o login na aba do navegador que abrir.
Retorne ao plugin, já autenticado.
Quando a conexão é feita, selecionar um frame carrega uma prévia do conteúdo do Figma e das chaves que os usuários podem enviar para ou extrair do Phrase Strings.
A aba permitirá conectar camadas do Figma a chaves já existentes em um projeto do Strings. Se a convenção de nomenclatura for a mesma para as camadas e para as chaves, elas poderão ser correspondidas automaticamente.
O plugin pode ser acessado por meio de botões dedicados na barra lateral do Figma:
-
Phrase Strings
Clique para abrir o plugin.
-
Ver texto no Strings
Exibido em arquivos do Figma conectados a um projeto do Strings. Clique para abrir o projeto relevante no editor de tradução.
A aba permite enviar frames ou camadas de texto do Figma para o Phrase Strings para localização. Não é possível enviar conteúdo para uma branch principal protegida.
Selecione o projeto, a branch (se estiver sendo usada) e o idioma para o conteúdo que está sendo enviado. Opcionalmente, insira uma tag personalizada para adicionar às chaves enviadas.
Nomes de chave vazios ou duplicados são sinalizados com um contador vermelho na coluna . Para gerenciar longas listas de nomes de chave, use o menu suspenso para exibir ou .
Nota
A opção de ordenação selecionada será lembrada para sessões futuras.
O botão Enviar para o Phrase fica desativado se os campos de nome de chave estiverem vazios, contiverem caracteres inválidos ou não forem exclusivos caso uma branch principal protegida esteja selecionada.
Selecione a configuração para editar os campos de nome de chave e resolver quaisquer conflitos de nomenclatura. Se necessário, selecione as chaves desejadas e clique em Excluir camadas na parte superior da tabela para remover essas camadas do plugin.
Se houver camadas desconectadas com nomes de chave conflitantes, selecione uma das opções de resolução disponíveis para prosseguir:
-
Cria novas chaves com o sufixo
-copy. -
Vincula camadas a chaves existentes do Phrase.
-
Envia apenas camadas sem conflito.
Quando a opção Carregar visualização do Figma estiver habilitada:
-
Os usuários podem, opcionalmente, selecionar quais idiomas de destino incluir na visualização do Figma. Se nenhum idioma for selecionado, todos os idiomas serão incluídos por padrão.
-
O plugin cria um trabalho por quadro raiz (ou componente de nível superior) incluído no envio. Enviar uma página inteira do Figma com muitos quadros de nível superior gerará um número correspondentemente grande de trabalhos. Para manter a contagem de trabalhos proporcional ao escopo real do trabalho de tradução, selecione apenas os quadros específicos que contêm conteúdo novo ou atualizado antes de enviar.
Se as camadas forem enviadas com sucesso para o Strings, a janela será exibida com um resumo e as seguintes opções:
-
Criar trabalho
Clique para abrir a página com as chaves enviadas pré-selecionadas.
Importante
Se a opção Carregar visualização do Figma estiver habilitada, um trabalho será criado automaticamente no Strings. Uma vez habilitado, isso não pode ser desabilitado.
-
Abrir no Strings
Clique para visualizar as chaves enviadas no Editor do Strings.
Um ícone de aviso amarelo aparece ao lado das chaves cujos nomes foram alterados no Strings após o envio de conteúdo. Para atualizar nomes de chaves no plugin do Figma, selecione Sincronizar nome da chave no menu de reticências
ao lado do nome da chave incompatível.
Opções e ações de envio
Clique no menu para ativar e desativar as seguintes opções de envio conforme necessário:
-
Enviar capturas de tela está ativado por padrão. Ele permite anexar uma captura de tela das camadas selecionadas dentro do frame:
-
Se a configuração estiver ativada, as camadas de texto ocultas importadas com o plugin do Figma terão um marcador colocado no canto superior esquerdo da captura de tela.
-
Quando a configuração estiver ativada, capturas de tela de seções do Figma não serão criadas.
Recomenda-se manter esta opção ativada em caso de problemas de desempenho com o plugin ao trabalhar dentro de seções.
-
Ative para limitar cada captura de tela ao frame, componente, instância ou seção mais próxima ao redor de uma camada de texto, em vez do ancestral de nível superior mais externo. Todas as camadas de texto dentro desse contêiner recebem marcadores, incluindo camadas fora da seleção atual.
Esta opção está desativada por padrão. Use-a quando não limitar suficientemente a captura a um frame aninhado específico, resultando em capturas de tela grandes e com pouco contexto.
-
-
Atualizar conteúdo no Phrase Strings está ativado por padrão.
-
Atualizar nomes de chaves no Phrase Strings está ativado por padrão, a menos que a configuração esteja desativada.
Desativar esta opção redefine todas as entradas de nomes de chaves.
-
Habilite Fazer upload da visualização do Figma para exportar um pacote HTML das chaves selecionadas.
Esta opção é necessária para gerar visualização em contexto no editor CAT do TMS ao trabalhar com trabalhos sincronizados do Strings.
Os usuários podem selecionar opcionalmente quais idiomas de destino incluir na visualização do Figma ao enviar conteúdo. Se nenhum idioma for selecionado, todos os idiomas serão incluídos por padrão.
Se a visualização for gerada com sucesso, um trabalho é criado automaticamente no Strings. Qualquer automação de trabalho ativa no projeto Strings será ignorada para evitar trabalhos duplicados.
Se a visualização exceder o limite de 50 MB, as chaves ainda serão enviadas para o Strings, mas nenhum trabalho com uma visualização será criado.
Nota
Para trabalhar com visualizações do Figma no editor do Strings, use a ação Adicionar visualização do Figma na barra lateral contextual.
-
Habilite Preservar formatação e estilo de conteúdo para manter a formatação de rich text (como listas, quebras de linha, negrito/itálico e links) ao enviar conteúdo do Figma para o Phrase e puxar as traduções de volta.
Se habilitado, tags de formatação HTML são adicionadas automaticamente para preservar o estilo em linha e são suportadas na visualização in-context do TMS ao trabalhar com trabalhos sincronizados do Strings. As tags de formatação HTML aparecem no editor Strings e nas traduções exportadas puxadas de volta para o Figma.
Desabilite esta opção se a formatação de rich text for desnecessária para evitar ajustes manuais.
A configuração se aplica ao nível do arquivo e afeta todos os colaboradores que trabalham no arquivo. Esta opção é mantida para novos arquivos.
Para as camadas conectadas por meio da opção , as seguintes ações estão disponíveis no menu de reticências :
-
Selecione Ver detalhes da chave para visualizar/editar a descrição da chave no Phrase Strings ou definir um limite de caracteres para a chave. Quaisquer alterações salvas na janela aparecerão na barra lateral do editor do Strings após atualizar a página do editor.
Dica
Selecione várias chaves na guia e use a ação em lote Definir limite de caracteres para definir um limite de caracteres para todas as chaves selecionadas de uma só vez.
-
Selecione Abrir chave no editor para navegar até a chave relacionada no editor Strings.
-
Selecione Desconectar conteúdo do Phrase Strings para desconectar a camada de uma chave existente.
Gerenciar conteúdo duplicado
Ao enviar conteúdo, camadas com conteúdo duplicado gerarão múltiplas chaves no Strings contendo exatamente o mesmo texto. Os usuários podem decidir como gerenciar esse conteúdo duplicado na janela :
-
Selecione Prosseguir sem mesclar se a criação de múltiplas chaves com conteúdo duplicado for intencional.
-
Para mesclar algum conteúdo duplicado em uma única chave, siga estas etapas:
-
Selecione duas ou mais chaves da lista e clique em
.
Um menu suspenso com as chaves disponíveis para mesclagem é exibido.
-
Selecione a chave na qual o conteúdo duplicado deve ser mesclado.
A chave selecionada é marcada com um ícone de mesclagem azul
na janela .
-
Clique em Prosseguir e, em seguida, confirme selecionando Mesclar e enviar no pop-up .
O conteúdo duplicado é mesclado em uma única chave, e todas as camadas associadas são conectadas a essa chave.
-
-
Para mesclar parte ou todo o conteúdo duplicado na primeira chave da lista, siga estas etapas:
-
Selecione várias ou todas as chaves da lista e clique em
-
Clique em Prosseguir e, em seguida, confirme selecionando Mesclar e enviar no pop-up .
O conteúdo duplicado é mesclado em uma única chave, e todas as camadas associadas são conectadas a essa chave.
Esta opção é útil para arquivos grandes com muitas duplicatas, permitindo que os usuários mesclem todas as duplicatas na primeira chave encontrada em uma única ação, em vez de lidar com cada uma individualmente.
-
Duplicar um quadro ou camada de texto no Figma também duplica qualquer conexão existente com uma chave do Phrase Strings. Se a camada duplicada for reutilizada para um novo texto não relacionado e enviada sem ser desconectada primeiro, o envio atualizará o texto de origem da chave existente em vez de criar uma nova. Atualizar o texto de origem de uma chave não limpa nem atualiza as traduções do idioma de destino já armazenadas nela; por isso, ao puxar a camada posteriormente, será retornada a tradução associada ao conteúdo anterior, e não à nova cópia enviada.
Antes de enviar conteúdo de um quadro ou camada de texto duplicado ou reutilizado, verifique a guia para confirmar se a camada já está conectada a uma chave. Se ela estiver conectada e o novo texto não estiver relacionado ao conteúdo anterior, desconecte a camada primeiro para que o plugin crie uma nova chave em vez de sobrescrever a existente.
A configuração Autoexcluir camadas remove camadas de texto da guia com base no prefixo de seus nomes. Quando ativada, qualquer camada com o prefixo _ ou . é excluída automaticamente.
A configuração está desativada por padrão e é aplicada por arquivo. A opção permanece ativada para todas as camadas nomeadas naquele arquivo até ser desativada.
As exclusões persistem em todas as seleções. Para componentes, se as camadas do componente tiverem prefixos e Auto-excluir camadas estiver ativado, os designs a jusante que usam esse componente herdam a exclusão.
Para auto-excluir camadas com prefixo do :
A seção das configurações do plugin permite configurar a convenção de nomenclatura para chaves conectadas.
Para personalizar nomes de chave no Figma, siga estas etapas:
-
Clique em Ativar nomenclatura inteligente de chave nas configurações de .
-
Selecione .
Nota
Se estiver ativado, os nomes das chaves são gerados automaticamente com base nos nomes das camadas de texto.
-
No campo , insira texto para definir a nomenclatura personalizada das chaves:
-
Opcionalmente, clique em Macros disponíveis para selecionar uma das macros suportadas para gerar nomes de chave automaticamente.
Várias macros podem ser selecionadas para compor o nome da chave.
-
É possível combinar texto livre e macros no campo .
Clique em Exemplos para exibir e escolher um dos exemplos predefinidos.
-
-
Se necessário, selecione uma opção de formatação no menu suspenso para modificar o texto de acordo e remover espaços.
Ao enviar conteúdo para o Phrase Strings, aplique a convenção de nomenclatura recém-criada às chaves conectadas anteriormente:
-
Clicando no ícone de atualizar
na parte inferior da tabela.
-
Selecionando chaves específicas e clicando em Regenerar nomes de chave na parte superior da tabela.
Macros disponíveis
|
Macro |
Descrição |
|---|---|
|
Nome do arquivo |
O nome do arquivo do Figma |
|
Página |
A página do Figma onde a chave é identificada |
|
{parent_section} |
A seção de nível mais alto na árvore da página |
|
{nearest_section} |
A seção mais próxima da camada de texto na árvore da página |
|
{frame} |
O frame onde a chave é identificada |
|
{parent_group} |
O grupo de nível mais alto na árvore da página |
|
{nearest_group} |
O grupo mais próximo da camada de texto na árvore da página |
|
{component} |
O nome do componente do Figma onde a chave está localizada. Apenas componentes de origem do Figma são considerados. |
|
{element_name} |
O nome da camada de texto |
|
{element_content} |
O conteúdo da camada de texto |
|
{random} |
Um hash curto exclusivo gerado aleatoriamente |
Ao enviar conteúdo, os usuários podem conectar camadas a chaves existentes no Phrase Strings ou gerar novas.
Selecione a aba para exibir uma visão geral das chaves conectadas e desconectadas.
As chaves que já estão conectadas são identificadas com um ícone de link na coluna . Se necessário, selecione o projeto, a ramificação (se estiver sendo usada) e o idioma, ou clique no ícone de pesquisa para encontrar o conteúdo desejado.
Selecione Connect keys para conectar em lote todas as chaves não vinculadas na aba. Para conectar ou desconectar chaves individuais, clique no ícone relevante à direita da entrada correspondente.
Duplicar ou copiar um frame do Figma também copia as conexões já existentes entre as camadas e as chaves. Se o frame original estava conectado a chaves em um projeto diferente do Phrase Strings, as camadas duplicadas permanecem vinculadas às chaves daquele projeto, em vez de se conectarem às chaves do projeto atual. Quando o projeto original não possui os mesmos idiomas configurados, a extração de conteúdo para o Figma falha silenciosamente para esses idiomas nas camadas afetadas.
Para corrigir as camadas afetadas, abra a aba , defina o projeto correto, selecione a camada de texto afetada na tela, pesquise pelo conteúdo e clique em Connect na chave correspondente. Desconectar a camada de sua chave anterior não é necessário, já que uma camada pode manter uma conexão separada para cada projeto.
Algumas contas possuem uma opção "Use new connect view (beta)" disponível no painel de Configurações do plugin. Quando ativado, selecione todas as camadas afetadas de uma vez na tela, abra e use a ação em lote Connect by content para reconectá-las de uma só vez, em vez de individualmente.
Nota
A opção de desconectar chaves individuais também está disponível na aba .
A nova visualização lista as camadas de texto da seleção atual com seu status de conexão em uma única tabela, substituindo a lista anterior baseada em chaves.
Nota
Reinicie o plugin antes de ativar a versão beta para garantir que a versão mais recente seja carregada.
Para ativar a :
-
Abra o plugin e clique no ícone .
-
Em , ative Usar nova visualização de conexão (Beta).
-
Abra o para ver a lista de conteúdo conectado.
A visualização de conexão anterior permanece disponível. Desative nas configurações do plugin para reverter.
Para conectar uma única camada, selecione-a para abrir uma janela com duas abas:
-
Sugestões: exibe chaves com correspondências exatas de nome e chaves com conteúdo de tradução correspondente.
-
Pesquisar: pesquisa todas as chaves por nome ou conteúdo.
Para agir em múltiplas camadas, selecione-as para revelar uma bandeja de ações em lote:
-
Conectar por nome da chave: conecta camadas a chaves com correspondências exatas de nome.
-
Conectar por conteúdo: conecta camadas a chaves com conteúdo de tradução correspondente.
-
Desconectar camadas: remove conexões das camadas selecionadas.
Ignorar camadas com múltiplas chaves correspondentes
A opção Ignorar camadas com múltiplas chaves correspondentes controla como lida com camadas cujo texto corresponde a mais de uma chave.
Para ativar a opção:
-
Abra o plugin e vá para a aba .
-
Clique em
na navegação para abrir as opções de visualização.
-
Ative .
Quando ativado, qualquer camada que corresponda a mais de uma chave é ignorada durante e deixada desconectada para revisão manual.
Resumo pós-ação
Após cada execução em lote de Conectar por conteúdo ou Conectar por nome de chave, uma janela de resultados exibe o resultado:
-
Contagem de conectados
-
Ignorado — nenhuma correspondência encontrada
-
Ignorado — múltiplas correspondências (exibido quando Ignorar camadas com múltiplas chaves correspondentes está ativado)
Clique em Mostrar camadas não conectadas para filtrar a tabela para mostrar apenas as camadas que ainda precisam de atenção, ou em Concluído para fechar a janela de resultados.
Marcar uma camada de texto como uma chave plural a conecta às formas plurais dessa chave no Phrase Strings. Para uma chave plural, a coluna exibe um menu suspenso de seletor de forma em vez do conteúdo da chave, listando as formas disponíveis para o idioma selecionado, por exemplo one e other. Idiomas com regras plurais mais complexas, como o polonês, expõem até cinco formas.
O menu suspenso aparece nas abas e .
Para visualizar uma forma plural na tela:
-
Na tabela de conteúdo, localize a chave plural.
-
Clique no menu suspenso de seletor de forma na coluna e selecione a forma plural para visualizar.
-
O Phrase Strings puxa a tradução correspondente para a camada para visualizar na tela.
Enviar uma chave plural para o Phrase Strings segue o mesmo fluxo de trabalho de envio que qualquer outra chave e atualiza apenas a tradução para a forma selecionada.
A forma plural selecionada é lembrada por camada, por projeto e por ramificação. A seleção persiste entre as sessões.
Assim que as traduções estiverem concluídas, selecione as camadas ou quadros do Figma para puxar as traduções e clique na aba .
Os usuários podem selecionar o projeto, branch (se estiver sendo usado) e os idiomas para o conteúdo que está sendo extraído. As tags não podem ser extraídas de volta para o Figma.
Para gerenciar longas listas de nomes de chaves, use o menu suspenso para exibir e resolver quaisquer problemas potenciais. Se necessário, selecione chaves específicas e clique em Excluir camadas na parte superior da tabela para remover essas camadas do plugin.
Nota
A opção de ordenação selecionada será lembrada para sessões futuras.
Clique no menu para escolher como exibir o conteúdo extraído no Figma:
-
Selecionado por padrão. Ao extrair para vários idiomas, uma página separada do Figma é criada para cada idioma selecionado, incluindo todas as camadas da página.
Nota
No Figma Buzz, a opção é exibida.
-
Cria uma única página nova e coloca o conteúdo traduzido selecionado lado a lado em colunas específicas para cada idioma. Esta opção foca apenas na seleção ativa em vez de duplicar a página inteira do Figma.
Recomendado para arquivos grandes para melhorar o desempenho da extração e reduzir o tamanho desnecessário do arquivo.
-
As camadas de texto selecionadas serão substituídas pelas traduções e atualizadas na viewport.
Esta opção é desativada automaticamente ao extrair para vários idiomas.
-
Desativado por padrão. Quando ativado:
-
Os nomes das chaves são extraídos e exibidos em vez do conteúdo traduzido.
-
Não é mais possível selecionar um idioma para o conteúdo extraído.
-
-
A configuração será lembrada para sessões futuras.
-
Se desativado, a coluna exibe o conteúdo das camadas selecionadas diretamente.
-
Quando ativado, a coluna exibe uma visualização do conteúdo no idioma selecionado para camadas conectadas.
-
Para camadas desconectadas, ative a opção para mostrar uma visualização no idioma selecionado. Se uma chave com o mesmo nome existir nos dados extraídos, o conteúdo dessa chave será usado como visualização.
-
Esta opção é desativada automaticamente ao extrair para vários idiomas.
-
-
Controle como as camadas desconectadas são tratadas ao extrair dados no Figma. A configuração será lembrada para sessões futuras.
-
Quando ativado, o sistema verifica se uma chave com o mesmo nome existe nos dados extraídos.
Se uma correspondência for encontrada:
-
Camadas desconectadas são conectadas às chaves correspondentes.
-
O conteúdo das camadas é atualizado com o conteúdo extraído das chaves existentes.
-
-
Se desativado, as camadas desconectadas não são atualizadas, mesmo que existam chaves correspondentes nos dados extraídos.
-
Verificar status da tradução
O recurso Verificar status da tradução verifica se as camadas de texto na seleção atual já possuem traduções para os idiomas de destino selecionados, antes de extrair o conteúdo para o Figma. A verificação é executada em todas as chaves conectadas na seleção.
Para verificar o status da tradução
-
Na guia , selecione os idiomas de destino para verificar.
-
Clique em Verificar status da tradução.
A página exibe uma contagem de chaves traduzidas, parciais e não traduzidas em cada idioma para a seleção atual.
Clique em Ver detalhes ao lado de um idioma para abrir um detalhamento das chaves conectadas para esse idioma. Use os filtros , e para restringir a lista.
Se o conteúdo for extraído com sucesso para o Figma, a janela será exibida com um resumo das camadas atualizadas.
Ao extrair para vários idiomas, o botão abre a chave com o idioma padrão do projeto como idioma de origem.
Nota
Se uma fonte usada no design não estiver instalada localmente, o plugin não poderá atualizar as camadas de texto afetadas com as traduções extraídas. Quando isso acontece, um erro "A fonte [X] não pôde ser carregada" é exibido, onde [X] é o nome da fonte ausente. Instale todas as fontes sinalizadas nesta mensagem de erro localmente e, em seguida, extraia o conteúdo novamente.
Figma Buzz é uma ferramenta onde designers de marca e equipes de marketing podem criar ativos visuais alinhados à marca em escala, diretamente dentro do ecossistema Figma. Ele inclui um sistema de modelos, um editor de design simplificado, criação em massa de ativos e edição com tecnologia de IA.
O plugin Phrase Strings para o Buzz permite localizar conteúdo de texto diretamente no Buzz, fornecendo as mesmas capacidades que na integração do Figma Design:
-
Enviar o texto de origem dos designs do Buzz para o Strings
-
Extrair as traduções de volta para o Buzz
-
Gerenciar as chaves e manter a consistência do texto entre os ativos
Nota
A visualização ao vivo não é suportada.
O plugin está disponível no menu no Buzz. Uma vez ativado, ele pode ser salvo para uso futuro e executado no design selecionado, abrindo-o, em um modal, na barra lateral do Figma Buzz. As camadas de texto são detectadas automaticamente e exibidas no plugin.
O conteúdo do design pode então ser enviado para um projeto do Strings conectado para tradução. Após a tradução, os usuários podem extrair o conteúdo localizado de volta para o Buzz, o que cria uma nova linha contendo a versão traduzida do design.
O botão e a seleção do idioma de destino antes de enviar chaves não estão disponíveis no Buzz. Ao enviar chaves do Buzz, todos os idiomas de destino configurados no projeto do Strings são usados automaticamente.