O que é Ferramenta de Wireframe?

Esboce layouts de página e mockups de interface em segundos. Arraste elementos comuns de UI — botões, blocos de texto, imagens, campos de entrada — para uma tela e exporte como PNG ou salve como JSON para continuar editando.

Como usar

1. Selecione um elemento de UI na barra de ferramentas — como um retângulo, bloco de texto, botão, marcador de imagem ou campo de entrada — e clique na tela para posicioná-lo.
2. Arraste elementos para reposicioná-los, redimensione puxando as alças e edite texto com um duplo clique. Agrupe elementos para facilitar o movimento.
3. Exporte seu wireframe como uma imagem PNG para compartilhamento, ou salve como JSON para recarregar e continuar a edição mais tarde.

Resultado

Um gerente de produto esboça uma tela de login de aplicativo móvel com um marcador de logotipo, campos de e-mail e senha, um botão de entrada e um link "esqueci a senha" — e exporta o PNG para compartilhar num canal do Slack.

Ferramentas relacionadas