O que é Ferramenta de Wireframe?

Uma ferramenta de wireframe baseada de forma privada para esboçar rapidamente layouts de página e mockups de interface. Arraste e solte elementos comuns de UI — botões, blocos de texto, imagens, campos de entrada — numa tela para criar wireframes que você pode exportar como PNG ou JSON para edição posterior.

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