Ao iniciar um novo projeto web é sempre uma boa ideia para começar com um wireframe. A finalidade de um wireframe é comunicar o layout de uma página sem se ater a cores e elementos de design. Wireframes são grandes “salvadores de tempo” e ajudam todas as partes envolvidas no projeto a chegar a acordos sobre a colocação dos principais elementos de página, como cabeçalhos, áreas de conteúdo, menus de navegação e rodapés.

Este é um artigo traduzido do original “10 Excellent Tools for Creating Web Design Wireframes“, do blog Web Design Ledger, e sofreu algumas adaptações.

MockFlow

Ferramenta para criação de wireframes: MockFlow

MockFlow permite que você projete, com colaboração em tempo real, mockups de user interfaces para seu software ou web sites. Ele vem com vários componentes internos e ícones.

Axure

Ferramenta para criação de wireframes: Axure

Axure permite criar wireframes, diagramas de fluxo, protótipos e especificações para aplicações e web sites. Ele conta com uma série de widgets, incluindo botões, campos de formulário, formas e elementos dinâmicos que você pode editar e formatar. Também é possível a criação de bibliotecas de widgets personalizado.

Balsamiq Mockups

Ferramenta para criação de wireframes: Balsamiq Mockups

Usando Balsamiq Mockups você se sente como se estivesse desenhando, mas é digital, então você pode ajustar e reorganizar controles facilmente e o resultado final é muito mais limpo! Com 75 controles pré-definidos para escolher, você pode projetar qualquer coisa, desde uma caixa de diálogo super-simples a um aplicativo RIA completo.

HotGloo

Ferramenta para criação de wireframes: HotGloo

HotGloo é totalmente baseado na web e possui muitas features que permitem interações drag&drop bem simples e fáceis de se realizar. Essa á outra ferramenta para criação de wireframes que com suporte a colaboração em tempo real.

Mockingbird

Ferramenta para criação de wireframes: Mockingbird

Mockingbird é outro aplicativo web com foco na colaboração. Ele permite que você faça link entre vários mockupts e os visualize de forma interativa para ter ideia do fluxo de sua aplicação.

Cacoo

Ferramenta para criação de wireframes: Cacoo

Cacoo é uma ferramenta online de desenho que permite que você crie mapas de site, wireframes, diagramas UML e diagramas de rede.

ProtoShare

Ferramenta para criação de wireframes: ProtoShare

A ferramenta web ProtoShare é bem fácil de usar. Com foco na prototipagem e colaboração, os membros da equipe podem rever o trabalho e fornecer feedback em tempo útil, ideias e sugestões em wireframes clicáveis ou conteúdo criativo.

iPlotz

Ferramenta para criação de wireframes: iPlotz

Com iPlotz é possível criar rapidamente mockups e wireframes navegáveis e clicáveis para a prototipação de  sites e aplicativos, em geral.