Existem muitas ferramentas excelentes para wireframes disponíveis à sua disposição.
Alguns são feitos especificamente para wireframes, enquanto outros são mais gerais, mas funcionam particularmente bem para a tarefa. As ferramentas que você decidir usar dependerão da preferência pessoal e dos requisitos do projeto. Não existe uma ferramenta “melhor” para wireframing; é o que você se sente confortável em usar e o que funciona para você.
Caneta e papel
Caneta (ou lápis) e papel são as ferramentas mais básicas que você pode usar para criar um wireframe.
O papel quadriculado funciona particularmente bem, pois permite criar wireframes relativamente limpos sem ter que quebrar uma régua. Também é útil ter linhas de grade para criar elementos em proporção.
Você pode querer usar um lápis para seus esboços iniciais, assim você pode apagar as coisas sem ter que começar de novo. Então, à medida que você finaliza as diferentes partes, você pode traçar sobre elas com uma caneta para evitar apagar os elementos errados. Você pode até considerar usar canetas e lápis coloridos para diferenciar os elementos ou adicionar mais significado aos seus wireframes codificando as coisas por cores; por exemplo, uma cor para um grupo de elementos pode ser útil, pois ajuda a identificar instantaneamente os itens em seu wireframe conforme eles são movidos em diferentes layouts de página.
O uso de notas Post-it/notas adesivas em seu processo de wireframe de papel facilita a reorganização de diferentes elementos de design sem ter que reescrever a coisa toda.
Ferramentas baseadas na Web
As ferramentas de wireframe baseadas na Web quase sempre incluem a capacidade de compartilhar wireframes com outros membros da equipe ou clientes. Eles também têm as vantagens adicionais de serem acessíveis de qualquer lugar e serem compatíveis com várias plataformas.
O Mockingbird funciona no Safari, Firefox e Chrome e possui vários recursos exclusivos. Um dos melhores recursos de economia de tempo é que ele possui redimensionamento automático de texto: Se você alterar o tamanho de um botão ou elemento semelhante, o Mockingbird altera o tamanho do texto para corresponder.
Também permite criar wireframes de várias páginas com links.
Lovely Charts pode ser usado para wireframes ou uma variedade de outros gráficos. Ele possui uma interface de desenho intuitiva de arrastar e soltar, o que o torna incrivelmente fácil de usar.
Ele também faz suposições com base no tipo de gráfico que você está criando, para ajudá-lo a criar gráficos mais rapidamente.
Cacoo é outra ferramenta de wireframing online gratuita que usa elementos de arrastar e soltar para acelerar o processo de wireframing. Ele inclui opções de publicação para seus wireframes que permitem compartilhá-los publicamente com qualquer pessoa que conheça a URL do site, embora a edição e o gerenciamento de wireframes sejam feitos por meio de uma conexão SSL para privacidade.
O Lumzy pode ir além do wireframe e se tornar uma ferramenta de prototipagem completa que permite adicionar eventos a controles, colocar controles dentro de outros contêineres e emular o projeto finalizado com gatilhos causados por ações do usuário. Também inclui chat ao vivo, colaboração em tempo real e um editor de imagens.