Integrações

Figma (Strings)

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

Disponível a partir de

  • Todos os planos pagos

Disponível a partir de

  • Plano Avançado e Enterprise (legado)

Entre em contato com Comércio para perguntas de licenciamento.

Dica

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

O plug-in Figma permite que conteúdo de design seja integrado com projetos phrase, abolindo a diferença entre design de produto e equipes de localização. O plug-in é compatível com pushing de conteúdo, pulling traduções e gerenciamento de chaves entre Figma e Phrase Strings.

  • É permitida ramificação.

  • É necessário acessar pelo menos um projeto e um idioma com direitos de usuário tradutor. O acesso pode ser concedido através de um convite enviado por um administrador ou gerente de projetos.

  • O plug-in enviará capturas de tela de frame 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.

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

Conectar o plug-in Figma

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

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

Quando a conexão é feita, a seleção de uma frame carrega uma prévia do conteúdo do Figma e das chaves para as quais os usuários podem push ou pull 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 as camadas e as chaves, elas poderão ser alinhadas automaticamente.

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

  • Phrase Strings

    Clique para abrir o plug-in.

  • Ver texto no Strings

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

Conteúdo push

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

push_content.png

Selecione o projeto, ramo (se estiver sendo usado) e idioma do conteúdo a ser enviado. Opcionalmente, insira um código personalizado a adicionar às chaves enviadas por upload.

Clique no menu 3dots_icon.jpeg Ver opções para ativar e desativar as seguintes opções push conforme necessário:

  • Upload capturas de tela está habilitado como padrão. Ele permite anexar uma captura de tela das camadas selecionadas na estrutura:

    • Se a opção Incluir camadas ou quadros ocultos na seleção estiver ativada, as camadas de texto 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 ativada, as capturas de tela das seções do Figma não serão criadas.

      Recomenda-se manter esta opção ativada em caso de problemas de desempenho com o plug-in ao trabalhar dentro das seções.

  • O atualizar conteúdo no Phrase Strings está habilitado como padrão.

  • Atualizar nomes de chaves no Phrase Strings está habilitado como padrão, a menos que o trabalho com nomes de chaves na configuração Figma esteja desativado.

    Desativar esta opção redefina todas as entradas de nome da chave.

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 a ordenar por sort_filter.jpeg suspenso para mostrar nome de chave não concluído primeiro ou nome de chave duplicado primeiro.

Nota

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

O botão Push to phrase está desativado se as entradas do nome da chave estiverem vazias, conterem caracteres inválidos e não forem exclusivos se um ramo principal protegido for selecionado.

Selecione a configuração Trabalhar com nomes de chaves para editar entradas de nome de chave e resolver eventuais 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 plug-in.

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

  • Criar cópias de chave no Phrase Strings 

    Cria novas chaves com sufixo de cópia.

  • Conectar com chaves existentes 

    Vincula camadas às chaves phrase existentes.

  • Não push chaves conflitantes 

    Push apenas camadas não conflitantes.

Se as camadas forem empurradas para Strings, a janela Push concluída será exibida com um resumo e as seguintes opções:

  • Criar trabalho 

    Clique para abrir a página Criar um trabalho com as chaves push predefinidas.

  • Abrir no Strings 

    Clique para ver as chaves pushed no Strings Editor.

Configurar nomenclatura de chave

A seção Nome de chave 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 estes passos:

  1. Clique em Ativar nomenclatura de chave inteligente a partir das configurações de nomenclatura de chave.

  2. Selecione Trabalhar com nomes de chaves no Figma.

    Nota

    Se a opção Sincronizar nomes de camadas de texto com chaves estiver ativada, os nomes de chaves serão gerados automaticamente com base nos nomes de camadas de texto.

  3. No campo Geração de nome de chave, digite o texto para definir a nomenclatura de chave personalizada:

    • Opcionalmente, clique em macros disponíveis para selecionar uma das macros aceitas para gerar nomes de chaves automaticamente.

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

    • É possível combinar texto livre e macros no campo geração de nome de chave.

      Clique em exemplos para mostrar e escolha um dos exemplos predefinidos.

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

Ao pushing conteúdo para o Phrase Strings, aplique a convenção de nomenclatura recém-criada às chaves anteriormente conectadas por:

  • Clicando no ícone de refresh_icon.jpg de atualização na parte de baixo 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 em que a chave é identificada

{parent_section}

A seção de nível mais alto na árvore de página

{nearest_section}

A seção mais próxima da camada de texto na árvore de página

{frame}

A frame onde a chave é identificada

{parent_group}

O grupo de nível mais alto na árvore de página

{nearest_group}

O grupo mais próximo da camada de texto na árvore de página

{componente}

O nome do componente Figma onde a chave está localizada. Apenas componentes do texto original 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 ao acaso

Conectar ou desconectar chaves

Ao imprimir conteúdo, os usuários podem conectar camadas às chaves existentes no Phrase Strings ou gerar novas.

Selecione a aba Conectar chaves para mostrar uma visão geral de chaves conectadas e desconectadas.

connect_keys.jpeg

Chaves que já estão conectadas são identificadas com um ícone de blue_link.jpeg de link na coluna Nome da chave. Se necessário, selecione o projeto, ramo (se estiver sendo usado) e idioma ou clique no ícone Pesquisa para encontrar o conteúdo desejado.

Selecione Conectar chaves 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.

Nota

A opção de desconectar chaves individuais também está disponível no conteúdo push para aba phrase.

Pull traduções

Quando as traduções estiverem Concluídas, selecione as camadas ou frames do Figma para as quais pull traduções e clique na aba Pull content to Figma.

pull_content.jpeg

Os usuários podem selecionar o projeto, ramo (se estiver sendo usado) e idioma para o conteúdo a ser pullado. Os tags não podem ser pullados de volta para o Figma.

Para gerenciar longas listas de nomes de chaves, use a ordenação por sort_filter.jpeg suspenso para mostrar nome de chave não concluído primeiro e resolver eventuais problemas potenciais. Se necessário, selecione chaves específicas e clique em Excluir camadas na parte superior 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 de 3dots_icon.jpeg Ver opções para escolher como exibir conteúdo pulled no Figma:

  • Criar uma nova página com conteúdo traduzido

    Selecionado como padrão.

  • Substituir camadas de texto com traduções

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

  • Exibir nomes de chaves em vez do conteúdo

    Desativado como padrão. Quando ativado:

    • Os nomes de chaves são pulled e exibidos no lugar do conteúdo traduzido.

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

  • Previa conteúdo no idioma selecionado

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

    • Se inativo, a coluna Conteúdo mostra o conteúdo das camadas selecionadas diretamente.

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

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

  • Conectar com chaves existentes

    Controle como as camadas desconectadas são processadas ao tirar dados no Figma. A configuração será lembrada para sessões futuras.

    • Quando está ativado, o sistema verifica se existe uma chave com o mesmo nome nos dados pullados.

      Se uma correspondência for encontrada:

      • As camadas desconectadas estão conectadas às chaves correspondentes.

      • O conteúdo das camadas é atualizado com o conteúdo pulled de chaves existentes.

    • Se inativo, as camadas desconectadas não são atualizadas, mesmo se as chaves correspondentes existirem nos dados pulled.

Se o conteúdo for pulled para o Figma, a janela pull concluída será exibida com um resumo das camadas atualizadas.

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.