Integrações

Figma (Cordas)

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 o departamento de vendas para dúvidas sobre licenciamento.

Dica

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

Nota

Devido a melhorias contínuas, a interface do usuário pode não ser exatamente a mesma apresentada no vídeo.

O plugin permite que o conteúdo de design seja enviado para projetos de dentro da Figma, construindo uma ponte entre as equipes de design de produto e tradução. O plugin enviará capturas de tela de quadros de layout automático que não são elementos filho.

A ramificação é suportada.

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

É necessário acesso a pelo menos um projeto e um idioma com direitos de usuário do Translator. O acesso pode ser concedido com o envio de um convite por um Administrador ou Gerente de Projeto.

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

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

Quando a conexão é feita, um processo de integração ajuda a fazer as configurações para o conector e, no final do processo, uma visualização das chaves existentes é carregada e essas chaves podem ser conectadas a camadas no Figma.

A opção Conectar-se com chaves existentes conectará camadas 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 correspondidas automaticamente.

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

  • Phrase Strings

    Clique para abrir o plugin.

  • Exibir texto em Strings

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

Configurar nomeação de chave

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

Para personalizar nomes de chave no Figma, execute estas etapas:

  1. Clique em Configurar nas configurações de nomenclatura de chave .

    A guia Convenções de nomenclatura é exibida com opções de configuração.

  2. Selecione Trabalhar com nomes de chave no Figma.

    Nota

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

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

    • Opcionalmente, clique em Macros disponíveis para selecionar uma das 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 Geração de nome de chave .

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

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

Ao por push para Cadeias de Caracteres de Frase, clique no ícone de atualização para garantir que a convenção de nomenclatura recém-criada também seja aplicada a chaves conectadas anteriormente.

Macros disponíveis

Macro

Descrição

{file_name}

O nome do arquivo Figma

{page}

A página Figma onde a chave é identificada

{parent_section}

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

{nearest_section}

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

{frame}

O quadro onde a chave é identificada

{parent_group}

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

{nearest_group}

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

{component}

O nome do componente Figma onde a chave está localizada. Apenas os 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 exclusivo gerado aleatoriamente

Enviar conteúdo

Selecione na lista de projetos, selecione uma ramificação (se estiver sendo usada) e insira uma tag personalizada para adicionar às chaves carregadas.

Clique em Carregar capturas de tela para anexar uma captura de tela das camadas selecionadas dentro do quadro:

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

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

    Recomenda-se ativar esta opção em caso de problemas de desempenho com o plugin enquanto trabalha dentro das seções.

O conteúdo pode ser enviado de duas maneiras:

  • Clique em Abrir em Frase para abrir o conteúdo no editor.

  • Clique em Criar um trabalho para ser redirecionado para um rascunho de trabalho de tradução no editor.

Traduções Pull

Quando as traduções estiverem concluídas, selecione as camadas ou quadros da Figma para as quais extrair traduções e clique na guia Puxar traduções para a Figma.

Três colunas são apresentadas na guia:

  • Conteúdo

    Conteúdo selecionado da Figma.

  • Nome da chave

    O nome da camada em Frase.

  • Estado

    Se as traduções para a seleção estão prontas para serem extraídas:

    • Marca de verificação verde:

      A tradução está disponível para pré-visualização.

    • Relógio amarelo:

      A tradução não está preparada.

    • Cinza:

      A camada não está conectada e precisa ser enviada para Frase.

Uma nova página agora pode ser criada com o conteúdo traduzido ou as camadas de texto selecionadas podem ser substituídas pelas traduções e atualizadas no visor.

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.