Quem pode usar: Todos os usuários
Quais planos: Todos os planos
Quais plataformas: Navegador, Desktop, mobile
Use a Biblioteca de prototipagem para criar layouts de protótipo diretamente no canvas da Miro. A biblioteca inclui telas, componentes de UI e ícones que ajudam você a visualizar fluxos e estruturar ideias nas fases iniciais.
Você pode usar a biblioteca de prototipagem para criar protótipos estáticos. Funcionalidades como componentes avançados, linhas de conexão e visualização interativa exigem um plano Business ou o complemento Miro Prototypes para planos Enterprise.
A galeria de protótipos tem tudo o que você precisa para criar manualmente fluxos de tela única e de várias telas na Miro
Abrir a galeria de protótipos
- No canvas, na barra de criação clique Ferramentas, mídia e integrações (
).
- Pesquise por Prototyping, em seguida clique em Galeria de protótipos.
- O painel da Galeria de protótipos abre.
O que há na Galeria de protótipos
A Galeria de protótipos está organizada em guias. Todos os usuários podem usar a galeria para montar layouts de protótipos estáticos usando telas, componentes de UI e ícones.
💡 Para protótipos gerados por IA e fluxos interativos, use a Biblioteca de prototipagem juntamente com Miro Prototypes.
Telas
Telas são quadros prontos para prototipar fluxos. Você pode adicionar Mobile, Tablet ou Desktop ao seu canvas e montar layouts arrastando elementos de UI sobre elas.
Trabalhar com telas
- Mostrar ou ocultar a moldura da tela (para que ela possa parecer um quadro de dispositivo ou um quadro simples)
- Girar a tela
- Redimensionar a tela arrastando para aumentar sua altura (apenas na vertical)
Componentes de UI
Componentes de UI são elementos de interface comuns que você pode arrastar para as telas, como botões, campos de entrada, barras de navegação e elementos de formulário.
Você pode:
- Arrastar componentes para uma tela
- Redimensionar e reposicionar componentes
- Editar texto e estilo básico no menu de contexto
✏️ As opções do menu de contexto variam conforme o elemento selecionado.
Com o Miro Prototypes, alguns componentes de UI ficam interativos no modo de visualização. Por exemplo, botões, controles deslizantes, campos de entrada e menus suspensos respondem às ações do usuário com base nas linhas de conexão que você definiu.
Alguns conjuntos de componentes, como Componentes avançados, estão disponíveis apenas com o Miro Prototypes. Se você não tiver acesso, esses componentes podem aparecer na biblioteca com um indicador.
Ícones
A guia Ícones inclui uma biblioteca de ícones pesquisável que você pode usar em protótipos.
Adicionar ou substituir um ícone
- Arraste um ícone da biblioteca para o canvas.
- Selecione o ícone e atualize a cor pelo menu de contexto.
- Escolha Substituir ícone para trocá-lo por outro ícone sem alterar a posição ou o tamanho.
Wireframes (legado)
A guia Wireframes contém elementos de wireframe legados. Esses elementos continuam disponíveis e editáveis em boards existentes, mas protótipos mais recentes devem usar telas e componentes de UI da biblioteca de prototipagem.
Linhas de conexão e interatividade (Miro Prototypes)
Linhas de conexão permitem definir a navegação entre telas em um protótipo. Com Miro Prototypes, você pode criar linhas de conexão entre elementos e telas para montar fluxos de múltiplas etapas.
As linhas de conexão também ativam a visualização interativa. No modo de visualização, as telas conectadas se comportam como um fluxo clicável, e as telas rolam verticalmente se ultrapassarem a área de visualização. Sem o Miro Prototypes, linhas de conexão e comportamento interativo não estão disponíveis.
💡 Alguns elementos de UI mostram um ícone de raio quando adicionados a uma tela. Em fluxos com várias telas, arraste o ícone de raio para criar uma linha de conexão entre as telas.