Desenvolvimento

9 jan, 2017

Ferramentas de prototipagem promissoras para 2017

Publicidade

Sem sombra de dúvidas, 2016 foi o ano das ferramentas de prototipação.

Novas ferramentas foram lançadas e as já existentes ganharam novas funcionalidades. Com isso em mente, selecionei algumas ferramentas para ficar de olho durante o ano de 2017.

A minha escolha foi baseada na popularidade entre as comunidades de usuários. Tenho certeza que algumas ficaram de fora. Fique a vontade para sugerir ferramentas nos comentários.

01. Figma

1-70denxo6qhgxkl8zgznxbw

O Figma se destaca pelos seus recursos colaborativos em tempo real. Designers podem trabalhar juntos remotamente. Programadores podem adicionar/escrever seu próprio código em um projeto em tempo real enquanto a equipe vai dando feedback. Me arrisco a dizer que ele é o Slack para designers.

02. Adobe XD

1-9dyaw4j7pvnwistfrnfl8a

O XD é um aplicativo de desenho vetorial que permite a criação de protótipos. Alguns usuários dizem que o XD é uma cópia do Sketch ou uma combinação de Sketch + Invision + Craft (conhecido antes como Silverflow). O XD oferece uma boa conectividade entre os produtos Adobe. Além disso, ao contrário do Sketch, que é exclusivo do Mac, o XD também está disponível no Windows. Uma pequena vantagem que vejo no XD é a sua taxa de lançamentos de novas features, todo mês  –  religiosamente  –  tem alguma novidade na ferramenta.

Está completando 5 meses agora, em janeiro, que migrei do Sketch para o XD e o utilizo única e exclusivamente.

03. Sketch & Plugins

1-cctbotv1nkk3m-eosfxqkq

O Sketch busca facilitar ao máximo a construção de interfaces. Os seus plugins são ótimos para agilizar o processo de criação  –  a ferramenta possui um exército de plugins para aumentar a produtividade. Sem sombra de dúvidas, a comunidade mais ativa e participativa de todas as ferramentas mencionadas é a do Sketch.

04. Zeplin

1-w41n2y04ymsqzfsn02qgha

Zeplin é o plugin mais conhecido/famoso para o Sketch. É utilizado para trabalhos colaborativos entre designers e desenvolvedores. Ele ajuda os desenvolvedores a verificarem de forma fácil as especificações das UI  –  os desenvolvedores não precisam ficar perguntando aos designers detalhes da interface (cor, tamanho de fonte, espaçamento etc). O plugin exporta todas as propriedades em um arquivo CSS.

1-ouk8qlpv6o5axnv7gimf0g

05. Stage & Gallery

1-7kjzyrtod1rvsjmswy9dgq

Após a aquisição da Pixate e da Form pelo Google, as equipes por trás de ambos os softwares estão trabalhando juntas em novas ferramentas de design.

A Stage é uma ferramenta de protótipos de interação, uma mistura de Pixate e Form. Já o Gallery é um conjunto de ferramenta de colaboração  –  funciona como uma espécie de Github para designers (possui controle de versão, compartilhamentos de arquivos, comentários de projetos etc).

1-k8ipe5h4g3cjs72zqs9tya

Ambos os aplicativos estão programados para serem lançados esse ano (2017). Alguns sites especializados em tecnologia especulam que as aplicações podem fazer uso da plataforma de nuvem do Google.

06. Framer

1-akpdjpqwlw_ryoib1vymlw

De todas as ferramentas de prototipagem mencionadas neste artigo, a Framer tem a mais alta curva de aprendizado. Ao contrário de outras ferramentas de prototipagem, aqui se utiliza codificação CoffeeScript*. Em versões anteriores, os designers tinham de digitar manualmente o código, mas uma versão lançada em meados de 2016 (maio, eu acho) e foi introduzido o auto-code para reduzir a codificação manual.

* Em linhas gerais, é um tipo de linguagem JavaScript que aceita sintaxe de Ruby e Python. A linguagem tem bastante seguidores na comunidade Ruby. CoffeeScript http://coffeescript.org/.

Curiosidades

1-qvm_b46gczwrtiqkv2goxg

Concluindo

Muita gente irá questionar: “E o InVision? Ele é uma ferramenta de prototipação!”. Sim. Mas ele não é uma ferramenta de criação  – por enquanto. O InVision é uma ótima ferramenta para testes, controle de versão e apresentações  – ele precisa de outras ferramentas para “criar conteúdo”.

Como já disse em outras ocasiões, a melhor ferramenta é aquela que resolve o seu problema de forma rápida. A ferramenta não vai te tornar um super designer ou mestre da prototipação, ela te deixa mais produtivo.

Já usei (profissionalmente, a vera, pra valer) Framer, Sketch e o Figma ,  mas atualmente me sinto mais à vontade e produtivo com o Adobe XD.

Se eu tivesse que apostar uma grana em uma ferramenta para ficar de olho nesse ano de 2017, eu apostaria no Adobe XD e na Figma. Deixaria o Invision em “banho Maria” por causa das suas recentes aquisições.

Tem alguma sugestão de ferramenta? Adicione nos comentários e compartilhe.

Referência

Gosto de ouvir opiniões. Se tiver alguma, estamos aí!