Quem pode fazer isso: Todos os usuários
Quais planos: Todos os planos, admins do Enterprise podem solicitar acesso Beta aqui.
Quais plataformas: navegador, desktop
Protótipos permitem que você crie protótipos interativos usando Crie com IA 2.0.
Mais informações: Veja a visão geral dos protótipos.
Crie um protótipo com Crie com IA
- Abra o painel Crie com IA (
).
- Selecione Protótipo.
- Selecione o tipo de dispositivo para o protótipo.
- Selecione se deseja criar um protótipo de fluxo de telas múltiplas ou tela única.
- Digite seu prompt. Fornecer mais detalhes produzirá resultados mais precisos.
- Pressione enter ou clique no ícone Enviar.
- Seu protótipo será gerado no canvas. Observe que gerar protótipos pode levar alguns minutos.
- Se você estiver satisfeito com o primeiro resultado e quiser começar a editar manualmente, clique em Aplicar ao canvas.
- Se quiser começar de novo, clique em Descartar versão.
- Se você deseja editar ou refinar seu protótipo usando a funcionalidade Crie com IA, prossiga para Refine seu protótipo abaixo.
Adicionar contexto do canvas
Você pode adicionar contexto ao seu prompt de IA, como um documento de briefing de design ou notas adesivas, para criar um protótipo que se ajuste mais de perto às suas necessidades de design.
- Selecione o conteúdo relevante do board para adicionar contexto ao seu protótipo.
- Abra o painel Crie com IA (
- Siga as instruções para criar um protótipo com o Crie com IA.
- Crie com IA usará o conteúdo selecionado do board como contexto para o seu protótipo.
Refine o seu protótipo com IA
Depois que o rascunho do seu protótipo for criado, você pode refinar os resultados.
- Clique em uma opção na janela do prompt para Adicionar uma tela ou Editar protótipo.
- Insira as alterações que deseja fazer ou a tela que deseja adicionar.
- Pressione enter ou clique no ícone Enviar.
- Repita este processo até ficar satisfeito com o resultado do protótipo.
- Quando terminar, clique em Aplicar ao canvas.
- Agora você pode editar manualmente seu protótipo.
Aplique estilos aos seus protótipos
Se você quiser aplicar o estilo visual de um site existente ao seu protótipo, pode usar a Miro AI para aplicar o estilo automaticamente.
- Selecione sua(s) tela(s) de protótipo.
- Clique no ícone do Miro AI no menu de contexto.
- Selecione Importar estilo de uma imagem.
- Escolha o arquivo de imagem do qual você gostaria de importar o estilo.
- A Miro AI aplicará o estilo ao seu protótipo.
Adicione linhas de conexão para tornar um protótipo interativo
Prototótipos gerados por IA incluem linhas de conexão, mas você pode modificá-las ou adicionar mais.
- Clique no elemento do seu protótipo que deve levar a outra tela. Um ícone de linha de conexão aparecerá ao lado do elemento.
- Clique e arraste o ícone Linha de Conexão para a tela relevante. Uma linha de conexão aparecerá.
- No Pré-visualização do protótipo, ao clicar em um elemento conectado, você será direcionado para a tela conectada.
Crie um protótipo a partir de um design existente
Se você quiser iterar em um design existente, pode usar a Miro AI para converter capturas de tela em protótipos interativos.
- Adicione uma captura de tela do seu design existente ao canvas.
- Clique na captura de tela para visualizar o menu de contexto.
- Clique no ícone da Miro AI.
- Selecione Converter imagem em protótipo.
- Selecione o tipo de dispositivo: Celular, Tablet ou Desktop.
- O Miro AI converterá seu design em um protótipo interativo.