Fazer backup de protótipos do Reforge e importar para a Miro

Quem pode fazer isso: Todos os usuários com plano Business ou o complemento Miro Prototypes para planos Enterprise; todos os usuários do Reforge Build
Quais planos: Business, Enterprise
Quais plataformas: Navegador, Desktop

Os usuários do Reforge Build podem exportar seus protótipos como projetos React em arquivos .zip. Na Miro, os usuários também podem converter seus protótipos do Reforge em Miro Prototypes editáveis.

Exporte seus protótipos do Reforge Build

Para exportar seus protótipos do Reforge Build, você pode baixar os protótipos como arquivos .zip. Os arquivos contêm seus projetos React completos com Tailwind CSS. Você pode abrir os arquivos em qualquer IDE.

Siga estas etapas:

1. Abra seu protótipo no Reforge Build.
2. Acima do painel de visualização, clique em <> para abrir Modo de código.
3. À direita, clique na seta para baixo para Baixar código como ZIP.
   Um arquivo .zip é baixado. Todos os componentes, rotas e estilos do protótipo são preservados.

Importar protótipos editáveis do Reforge Build para a Miro

Para importar protótipos do Reforge Build para a Miro, faça capturas de tela dos seus protótipos e cole-as em um canvas da Miro. Em seguida, você pode converter as capturas em protótipos editáveis na Miro.

No Reforge Build

1. Abra seu protótipo.
2. À direita, clique em Abrir em nova guia.
   A pré-visualização do protótipo abre em uma guia do navegador separada.
   No Reforge Build, você pode abrir a pré-visualização do protótipo em uma nova guia.
3. Faça uma captura de tela do seu protótipo. Use qualquer ferramenta de captura de tela, Dev Tools ou atalhos de teclado.

4. Copie a captura de tela para a área de transferência ou salve a captura de tela no seu computador como um arquivo de imagem.

   Dica: Se o protótipo do Reforge Build tiver rolagem, diminua o zoom até que ele fique completamente visível. Em seguida, faça a captura de tela. O zoom não afeta a conversão na Miro.

Na Miro

1. Em um board da Miro, cole a captura de tela ou arraste o arquivo de imagem salvo para o canvas.
2. Clique para selecionar a imagem importada.
   O menu de contexto aparece.
3. Clique em Converter para e selecione Protótipo.
   O painel Sidekicks abre e converte seu screenshot em um protótipo editável.
   Na Miro, você pode converter screenshots em protótipos editáveis.
4. (Opcional) Continue a enviar prompts ao Sidekick para iterar seu protótipo.
5. Clique em Adicionar ao canvas.
   Seu protótipo do Reforge Build agora é editável na Miro.

Para mais informações: consulte Miro Prototypes.