Quem pode fazer isso: Todos os usuários com o complemento Miro Prototypes, (Reforge Build) todos os usuários
Quais planos: Starter, Business, Enterprise
Quais plataformas: navegador, desktop
Os usuários do Reforge Build podem exportar seus protótipos como projetos React em arquivos .zip. No Miro, os usuários também podem converter seus protótipos do Reforge em Miro Prototypes editáveis.
Exportar seus protótipos do Reforge Build
Para exportar os protótipos do Reforge Build, é possível baixá-los 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:
- No Reforge Build, abra seu protótipo.
- Acima do painel de visualização, clique em
<>para abrir o modo de código. - À direita, clique na seta para baixo para Baixar código como ZIP.
Um arquivo.zipserá baixado. Todos os componentes, rotas e estilos do protótipo são mantidos.
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
- Abra seu protótipo.
- À direita, clique em Abrir em nova guia.
A pré-visualização do protótipo abre em uma guia separada do navegador.No Reforge Build, você pode abrir a pré-visualização do protótipo em uma nova guia.
- Faça uma captura de tela do seu protótipo. Use qualquer ferramenta de captura, Dev Tools ou atalhos de teclado.
-
Copie a screenshot para a área de transferência. Ou salve a screenshot na área de trabalho como um arquivo de imagem.
DICA: Se o seu protótipo do Reforge Build tiver rolagem, reduza o zoom até que o protótipo fique totalmente visível. Em seguida, faça a screenshot. O zoom não afeta a conversão na Miro.
Na Miro
- Em um board da Miro, cole a screenshot ou arraste o arquivo de imagem salvo para o canvas.
- Clique para selecionar a imagem importada.
O menu de contexto aparece. - Clique em Converter para e selecione protótipo.
O painel Sidekicks é aberto e converte sua screenshot em um protótipo editável.Na Miro, você pode converter screenshots em protótipos editáveis.
- (Opcional) Continue enviando prompts ao Sidekick para iterar seu protótipo.
- Clique em Adicionar ao canvas.
Seu protótipo do Reforge Build agora é um protótipo editável na Miro.
Mais informações: Consulte Miro Prototypes.