Compartilhar via

Ponte de Figma do MRTK para Unity (Beta)

A Ponte de Figma do MRTK para Unity permite que você traga o layout do Figma Toolkit para o Unity. A ponte pode importar o layout da interface do usuário criado com o MRTK Figma Toolkit e, em seguida, instancia pré-fabricados correspondentes do MRTK com a posição e o tamanho adequados. O Figma Bridge ajudará a projetar o processo de integração e a colaboração entre designers e desenvolvedores.

Consulte a página do Kit de Ferramentas do Figma do MRTK para saber mais sobre o Figma Toolkit, que é o arquivo de design com HoloLens 2 biblioteca de interface do usuário de estilo.

Pré-requisitos

Importante

Requer MRTK-Unity 2.7.0 ou superior

Como o Figma Toolkit e o Figma Bridge são baseados nos pré-fabricados do MRTK 2.7.0, o MRTK 2.7.0 ou versão superior é necessário. Quando usado com a versão inferior do MRTK, alguns componentes não serão convertidos corretamente.

Como usar a Ponte figma do MRTK

1. Instalação

A Ponte do Figma Unity pode ser instalada por meio Realidade Misturada Ferramenta de Recursos. Baixe e execute Realidade Misturada Feature Tool.

Na página Descobrir recursos, na seção Kit de Ferramentas do Realidade Misturada, selecione Ponte figma do MRTK. Siga as etapas para concluir a Ferramenta de Recursos do MR e volte para seu projeto do Unity. O Unity importará o pacote para o MRTK Figma Bridge.

Ponte Figma – Ferramenta de Recurso mr

2. Abrir a janela ponte figma

Depois que o processo de importação for concluído, você poderá encontrar a Ponte figma no menu Realidade Misturada > Ponte figma do Kit de Ferramentas >

Ponte Figma – Menu

3. Gerar e inserir seu Token figma

No site do Figma, clique no menu Figma no canto superior esquerdo, abra As configurações de Ajuda e Conta > . Gere um novo token de acesso pessoal na seção "Tokens de acesso pessoal".

Ponte Figma – Obter Token

Ponte figma – inserir token

4. Inserir ID para um documento figma

Cada documento do Figma tem uma ID exclusiva na URL. Copie e cole essa ID na Ponte Figma.

Ponte figma - ID do documento

Clique em Obter Arquivo para baixar o arquivo Figma. Você pode baixar outros arquivos figma inserindo uma nova ID.

Clique em Carregar Arquivo para abrir um arquivo Figma.

Ponte Figma – Arquivos

5. Criar uma página

A Ponte figma exibirá a lista de páginas no arquivo Figma. Verifique as páginas que você deseja criar no Unity. Clique no botão Criar páginas .

Ponte Figma – Páginas

Ponte Figma – Resultado

6. Atualizar um documento para alterações

Você pode modificar o arquivo Figma na Web (ou usando o editor da área de trabalho) e clicar em Atualizar para recuperar as alterações. Clique em Criar páginas para compilar com atualizações. Dessa forma, você pode iterar facilmente seu design no Figma e vê-lo no Unity.

Confira também