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 desde cedo.
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 a licença Accelerate para planos Enterprise.
A biblioteca de prototipagem tem tudo o que você precisa para criar manualmente fluxos de uma ou várias telas na Miro
Abrir a biblioteca de prototipagem
- No canvas, na barra de criação clique em 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 com telas, componentes de UI e ícones.
💡 Para protótipos gerados por IA e fluxos interativos, use a Prototyping library junto com Miro Prototypes.
Telas
Telas são quadros prontos para criar protótipos de fluxos. Você pode adicionar telas Mobile, Tablet ou Desktop ao seu canvas e montar layouts arrastando elementos de UI para elas.
Trabalhe com telas
- Mostrar ou ocultar a borda da tela (para que pareça um quadro de dispositivo ou um quadro simples)
- Girar uma tela
- Redimensionar uma tela arrastando para aumentar sua altura (apenas verticalmente)
Componentes de UI
Componentes de UI são elementos comuns de interface 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 estilos básicos no menu de contexto
✏️ As opções do menu de contexto variam conforme o elemento selecionado.
Com 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 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 para atualizar a cor no menu de contexto.
- Escolha Substituir ícone para trocá-lo por outro ícone sem alterar sua posição ou tamanho.
Wireframes (legacy)
A guia Wireframes contém elementos legados de wireframe. 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 conector e interatividade (Miro Prototypes)
Linhas de conexão permitem definir a navegação entre telas em um protótipo. Com o Miro Prototypes, você pode criar linhas de conexão entre elementos e telas para construir fluxos de várias etapas.
As linhas de conexão também habilitam a visualização interativa. No modo de visualização, as telas conectadas se comportam como um fluxo clicável, e as telas rolam verticalmente quando se estendem além da área de visualização. Sem o Miro Prototypes, as linhas de conexão e o comportamento interativo não estão disponíveis.
💡 Alguns elementos de UI exibem um ícone de raio quando são adicionados a uma tela. Em fluxos com várias telas, arraste o ícone de raio para criar uma linha de conexão entre telas.