Integrações

Figma (Strings)

O conteúdo de toda a Central de Ajuda é traduzido automaticamente de inglês pelo Phrase Language AI.

Disponível para

  • Todos os planos pagos

Disponível para

  • Plano avançado e Enterprise (legado)

Entre em contato com Vendas para perguntas sobre licenciamento.

Dica

Para informações sobre a integração do Figma no Phrase TMS, consulte Figma (TMS).

O plug-in do Figma permite que o conteúdo de design seja integrado aos projetos do Phrase, conectando as equipes de design de produto e localização. O plug-in suporta envio de conteúdo, recebimento de traduções e gerenciamento de chaves entre o Figma e o Phrase Strings.

  • Ramificação é suportada.

  • É necessário ter acesso a pelo menos um projeto e um idioma com direitos de usuário de Tradutor. O acesso pode ser concedido por meio de um convite enviado por um Administrador ou Gerente de Projetos.

  • O plug-in enviará capturas de tela de quadros de layout automático que não são elementos secundários.

  • Por padrão, camadas de texto ocultas não são incluídas na integração. Isso pode ser alterado nas configurações Setup_gear.png selecionando Incluir camadas ou quadros ocultos na seleção.

  • Por padrão, as tags selecionadas no plug-in são limpas após o processo de envio. Isso pode ser alterado nas configurações Setup_gear.png desativando a opção Limpar tags após envio.

  • Quaisquer alterações feitas nas configurações padrão Setup_gear.png do plug-in serão salvas e permanecerão persistentes.

Instalar e Conectar o Plug-in do Figma

Para executar o plug-in, selecione-o dentro do navegador de plug-ins do Figma ou na Comunidade do Figma e clique em Experimente. O plug-in ficará disponível no menu Plugins do Figma.

A conexão do Figma com o Phrase pode ser feita fornecendo as credenciais do Phrase ou um token de acesso.

Quando a conexão for estabelecida, selecionar um quadro carrega uma prévia do conteúdo do Figma e das chaves que os usuários podem enviar ou receber do Phrase Strings.

A aba Conectar chaves permitirá conectar camadas do Figma a chaves já existentes em um projeto Strings. Se a convenção de nomenclatura for a mesma para ambas as camadas e as chaves, elas podem ser correspondidas automaticamente.

O plug-in é acessível através de botões dedicados na barra lateral do Figma:

  • Phrase Strings

    Clique para abrir o plug-in.

  • Ver texto em Strings

    Exibido em arquivos do Figma conectados a um projeto Strings. Clique para abrir o projeto relevante no editor de tradução.

Enviar Conteúdo

A aba Enviar conteúdo para o Phrase permite enviar quadros ou camadas de texto do Figma para o Phrase Strings para localização. Não é possível enviar conteúdo para um ramo principal protegido.

Selecione o projeto, ramo (se estiver sendo usado) e idioma para o conteúdo que está sendo enviado. Opcionalmente, insira um código personalizado para adicionar às chaves carregadas.

Nomes de chaves vazios ou duplicados são sinalizados com um contador vermelho na coluna Conteúdo. Para gerenciar longas listas de nomes de chaves, use o dropdown Ordenar por Sort Filter para exibir Nomes de chaves incompletos primeiro ou Nomes de chaves duplicados primeiro.

Nota

A opção de ordenação selecionada será lembrada para sessões futuras.

O botão Push to Phrase está desativado se os campos de nome da chave estiverem vazios, contiverem caracteres inválidos ou não forem únicos se um ramo principal protegido for selecionado.

Selecione a configuração Work with key names para editar os campos de nome da chave e resolver quaisquer conflitos de nomenclatura. Se necessário, selecione as chaves desejadas e clique em Exclude layers na parte superior da tabela para remover essas camadas do plug-in.

Se houver camadas desconectadas com nomes de chave conflitantes, selecione uma das opções de resolução disponíveis para prosseguir:

  • Create key copies in Phrase Strings

    Cria novas chaves com o sufixo -copy.

  • Connect with existing keys

    Vincula camadas a chaves existentes do Phrase.

  • Don't push conflicting keys

    Empurra apenas camadas não conflitantes.

Quando a opção Upload Figma preview está habilitada, os usuários podem opcionalmente selecionar quais idiomas-alvo incluir na prévia do Figma. Se nenhum idioma for selecionado, todos os idiomas são incluídos por padrão.

Se as camadas forem enviadas com sucesso para Strings, a janela Push completed é exibida com um resumo e as seguintes opções:

  • Create job

    Clique para abrir a página Create a job com as chaves enviadas pré-selecionadas.

    Importante

    Se a opção Upload Figma preview estiver habilitada, um trabalho é criado automaticamente no Strings. Uma vez habilitado, isso não pode ser desativado.

  • Open in Strings

    Clique para ver as chaves enviadas no Strings Editor.

Um ícone de advertência amarelo Warning aparece ao lado das chaves cujos nomes foram alterados em Strings após enviar conteúdo. Para atualizar os nomes das chaves no plug-in Figma, selecione Sincronizar nome da chave no menu de reticências More Menu ao lado do nome da chave que não corresponde.

Opções e ações de envio

Clique no menu Ver opções More Menu para ativar e desativar as seguintes opções de envio conforme necessário:

  • Enviar capturas de tela está habilitado por padrão. Permite anexar uma captura de tela das camadas selecionadas dentro do quadro:

    • Se a configuração Incluir camadas ou quadros ocultos na seleção estiver habilitada, camadas de texto ocultas importadas com o plug-in Figma terão um marcador colocado no canto superior esquerdo da captura de tela.

    • Quando a configuração Excluir seções de capturas de tela estiver habilitada, capturas de tela de seções do Figma não serão criadas.

      É recomendável manter essa opção habilitada em caso de problemas de desempenho com o plug-in ao trabalhar dentro de seções.

  • Atualizar conteúdo em Phrase Strings está habilitado por padrão.

  • Atualizar nomes das chaves em Phrase Strings está habilitado por padrão, a menos que a configuração Trabalhar com nomes de chaves no Figma esteja desabilitada.

    Desativar essa opção redefine todas as entradas de nomes de chaves.

  • Ative Enviar prévia do Figma para exportar um pacote HTML das chaves selecionadas.

    Essa opção é necessária para gerar prévia em contexto no editor CAT TMS ao trabalhar com trabalhos sincronizados de Strings.

    Os usuários podem opcionalmente selecionar quais idiomas-alvo incluir na prévia do Figma ao enviar conteúdo. Se nenhum idioma for selecionado, todos os idiomas são incluídos por padrão.

    Se a prévia for gerada com sucesso, um trabalho é criado automaticamente em Strings. Qualquer automação de trabalho ativa no projeto Strings será ignorada para evitar trabalhos duplicados.

    Se a prévia exceder o limite de 10 MB, as chaves ainda são enviadas para Strings, mas nenhum trabalho com uma prévia é criado.

    Nota

    Para trabalhar com prévias do Figma no editor Strings, use a ação Adicionar prévia do Figma na barra lateral contextual.

  • Ative Preservar formatação e estilo do conteúdo para manter a formatação de texto rico (como listas, quebras de linha, negrito/itálico e links) ao enviar conteúdo do Figma para Phrase e puxar traduções de volta.

    Se habilitado, as tags de formatação HTML são adicionadas automaticamente para preservar o estilo inline e são suportadas na prévia em contexto do TMS ao trabalhar com jobs synced do Strings. As tags de formatação HTML aparecem no editor de Strings e nas traduções exportadas que são puxadas de volta para o Figma.

    Desabilite esta opção se a formatação rica não for necessá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 é lembrada para novos arquivos.

Para connected layers, as seguintes ações estão disponíveis no menu de reticências relevante More Menu:

  • Selecione View key details para visualizar/editar a descrição da chave em Phrase Strings ou definir um limite de caracteres para a chave. Quaisquer alterações salvas na janela Key details aparecerão na Strings editor sidebar após atualizar a página do editor.

    Dica

    Selecione várias chaves na aba Push content to Phrase e use a ação em lote Set character limit para definir um limite de caracteres para todas as chaves selecionadas de uma vez.

  • Selecione Open key in editor para navegar até a chave relacionada no editor de Strings.

  • Selecione Disconnect content from 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 várias chaves no Strings contendo exatamente o mesmo texto. Os usuários podem decidir como gerenciar este conteúdo duplicado na janela Push content to Phrase:

  • Selecione Proceed without merging se criar várias chaves com conteúdo duplicado for intencional.

  • Para mesclar algum conteúdo duplicado em uma única chave, siga estas etapas:

    1. Selecione duas ou mais chaves da lista e clique em Merge Mesclar para uma chave...

      Um dropdown com chaves disponíveis para mesclagem é exibido.

    2. Selecione a chave para mesclar o conteúdo duplicado.

      A chave selecionada é marcada com um ícone de mesclagem azul Merge to a Key na janela Push content to Phrase.

    3. Clique Prosseguir, depois confirme selecionando Mesclar e Enviar na janela Mesclar conteúdo duplicado.

      O conteúdo duplicado é mesclado em uma única chave, e todas as camadas associadas são conectadas a essa chave.

  • Para mesclar alguns ou todos os conteúdos duplicados na primeira chave da lista, siga estas etapas:

    1. Selecione várias ou todas as chaves da lista e clique em Merge Mesclar todos os duplicados na primeira chave.

    2. Clique Prosseguir, depois confirme selecionando Mesclar e Enviar na janela Mesclar conteúdo duplicado.

      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 muitos duplicados, permitindo que os usuários mesclem todos os duplicados na primeira chave encontrada em uma única ação, em vez de lidar com cada um individualmente.

Configurar Nomeação de Chaves

A seção Nomeação de chaves das configurações do plug-in Setup_gear.png permite configurar a convenção de nomenclatura para chaves conectadas.

Para personalizar nomes de chaves no Figma, siga estas etapas:

  1. Clique em Ativar nomeação inteligente de chaves nas configurações Nomeação de chaves.

  2. Selecione Trabalhar com nomes de chaves no Figma.

    Nota

    Se Sincronizar nomes de camadas de texto com chaves estiver ativado, os nomes das chaves são gerados automaticamente com base nos nomes das camadas de texto.

  3. No campo Geração de nomes de chaves, 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 chaves automaticamente.

      Várias macros podem ser selecionadas para compor o nome da chave.

    • É possível combinar texto livre e macros no campo Geração de nomes de chaves.

      Clique em Exemplos para exibir e escolher um dos exemplos predefinidos.

  4. Se necessário, selecione uma opção de formatação no menu suspenso Convenção de formatação para modificar o texto de acordo e remover espaços.

Ao enviar conteúdo para Strings do Phrase, aplique a nova convenção de nomenclatura criada às chaves previamente conectadas, seja:

  • Clicando no ícone de atualização Refresh List na parte inferior da tabela.

  • Selecionando chaves específicas e clicando em Regenerar nomes de chaves na parte superior da tabela.

Macros disponíveis

Macro

Descrição

{file_name}

O nome do arquivo Figma

{page}

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 quadro 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 Figma onde a chave está localizada. Apenas componentes de origem são considerados.

{element_name}

O nome da camada de texto

{element_content}

O conteúdo da camada de texto

{random}

Um hash curto único gerado aleatoriamente

Conectar ou Desconectar Chaves

Ao enviar conteúdo, os usuários podem conectar camadas a chaves existentes em Strings de Frases ou gerar novas.

Selecione a aba Conectar chaves 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 Connected Key na coluna Nome da chave. Se necessário, selecione o projeto, ramo (se estiver sendo usado) e idioma, ou clique no ícone de busca para encontrar o conteúdo desejado.

Selecione Conectar chaves para conectar em massa todas as chaves não vinculadas na aba. Para conectar ou desconectar chaves individuais, clique no ícone relevante à direita da entrada correspondente.

Nota

A opção de desconectar chaves individuais também está disponível na aba Enviar conteúdo para Frase.

Puxar Traduções

Uma vez que as traduções estejam completas, selecione as camadas ou quadros do Figma para puxar as traduções e clique na aba Puxar conteúdo para Figma.

Os usuários podem selecionar o projeto, ramo (se estiver sendo usado) e os idiomas para o conteúdo que está sendo puxado. Tags não podem ser puxadas de volta para o Figma.

Para gerenciar longas listas de nomes de chaves, use o menu suspenso Ordenar por Sort Filter para exibir Nomes de chaves incompletos primeiro e resolver quaisquer problemas potenciais. Se necessário, selecione chaves específicas e clique em Excluir camadas no topo da tabela para remover essas camadas do plug-in.

Nota

A opção de ordenação selecionada será lembrada para sessões futuras.

Clique no menu Opções de visualização More Menu para escolher como exibir o conteúdo puxado no Figma:

  • Criar uma nova página por idioma

    Selecionado por padrão. Ao puxar para vários idiomas, uma página separada do Figma é criada para cada idioma selecionado, incluindo todas as camadas da página.

    Nota

    Em Figma Buzz, a opção Criar uma nova linha com conteúdo traduzido é exibida.

  • Criar uma única página com todos os idiomas

    Cria uma nova página única e coloca o conteúdo traduzido selecionado lado a lado em colunas específicas de idioma. Esta opção foca apenas na seleção ativa, em vez de duplicar toda a página do Figma.

    Recomendado para arquivos grandes para melhorar o desempenho de pull e reduzir o tamanho desnecessário do arquivo.

  • Substituir camadas de texto com traduções

    As camadas de texto selecionadas serão substituídas pelas traduções e atualizadas na visualização.

    Esta opção é desativada automaticamente ao puxar para múltiplos idiomas.

  • Exibir nomes de chave em vez de conteúdo

    Desativado por padrão. Quando ativado:

    • Os nomes das chaves são puxados e exibidos em vez do conteúdo traduzido.

    • Selecionar um idioma para o conteúdo puxado não é mais possível.

  • Prévia do conteúdo no idioma selecionado

    A configuração será lembrada para sessões futuras.

    • Se desativado, a coluna Conteúdo exibe o conteúdo das camadas selecionadas diretamente.

    • Quando ativado, a coluna Conteúdo exibe uma prévia do conteúdo no idioma selecionado para camadas conectadas.

      • Para camadas desconectadas, ative a opção Conectar com chaves existentes para mostrar uma prévia no idioma selecionado. Se uma chave com o mesmo nome existir nos dados puxados, o conteúdo dessa chave será usado como a prévia.

    Esta opção é desativada automaticamente ao puxar para múltiplos idiomas.

  • Connect with existing keys

    Controle como as camadas desconectadas são tratadas ao puxar 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 puxados.

      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, camadas desconectadas não são atualizadas, mesmo que chaves correspondentes existam nos dados extraídos.

Se o conteúdo for extraído com sucesso para o Figma, a janela Extração concluída é exibida com um resumo das camadas atualizadas.

Ao extrair para vários idiomas, o botão Abrir chave no Editor abre a chave com o idioma padrão do projeto como o idioma de origem.

Figma Buzz

Figma Buzz é uma ferramenta onde designers de marca e equipes de marketing podem criar ativos visuais alinhados à marca em grande escala, diretamente dentro do ecossistema Figma. Inclui um sistema de templates, um editor de design simplificado, criação em massa de ativos e edição com suporte de IA.

O plug-in Phrase Strings para Buzz permite localizar o conteúdo de texto diretamente dentro do Buzz, fornecendo as mesmas capacidades que na integração de design do Figma:

Nota

A prévia ao vivo não é suportada.

O plug-in está disponível no menu Plugins no Buzz. Uma vez ativado, pode ser salvo para uso futuro e executado no design selecionado ao abri-lo em um modal na barra lateral do Figma Buzz. Camadas de texto são automaticamente detectadas e exibidas no plug-in.

O conteúdo de design pode então ser enviado para um projeto 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.

Esse artigo foi útil?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.