---
title: Um software para front-end e UI Designers
authors: Rodrigo Godoy
type: post
date: 2016-09-26
url: /um-software-para-front-end-e-ui-designers/
categories:
  - Design
tags:
  - Design de Interfaces
  - Prototipagem UI
  - Software para UI

---
Já faz um tempo que tento encontrar um software que seja bom para fazer o design das interfaces, em que eu possa compartilhar protótipos e ainda fazer as animações de UI.

Comecei a usar o <a href="https://www.adobe.com/products/experience-design.html" target="_blank">Adobe Experience Design</a>, que no começo foi uma boa experiência, mas como sabemos, a Adobe geralmente demora um pouco para evoluir os seus softwares (também quando evolui, o bicho pega&#8230;rs). Sinto falta de maiores opções para animações de interface, uma coisa simples como fixar o header em um protótipo, é impossível.

<img src="https://raw.githubusercontent.com/diegoeis/tableless-static-images/master/2016/09/hero.jpg" alt="hero" width="1856" height="1164" class="alignnone size-full wp-image-55899" />

Por esses dias comecei a pesquisar na comunidade alguns softwares que pudessem suprir a demanda, sem precisar de software para animação, outro para wireframe, outro para protótipos e etc. A maior parte dos quais encontrei são pagos, super limitados e com uma curva de aprendizado meio grande. Um software que chama atenção é o <a href="https://principleformac.com/" target="_blank">Principle for mac</a>, o problema maior dele, está no próprio nome, funciona somente para mac. Dá para fazer protótipos bem completos tanto para sites quanto para apps. É possível compartilhar os protótipos com clientes ou outros membros do time, criar efeitos dentro de grupos como scroll, slides com efeito swipe e etc.

O software não custa muito caro e vale a experiência. Fiquei feliz quando consegui fixar o header no topo&#8230;rs Uma coisa que deveria ser simples em qualquer software de prototipagem. Algumas ferramentas deixam a desejar, como o uso para imagens, poderiam pegar a ideia da Adobe e deixar as imagens no modo cover em retângulos por exemplo. Dá para fazer alguma coisa nesse sentido, mas é um pouco difícil.

Vejam a galeria de coisas legais que já foram criadas com o Principle <a href="https://principleformac.com/gallery.html" target="_blank">principleformac.com/gallery.html</a>, uns templates legais para usar ou ver como foram feitos <a href="https://principletemplates.com/" target="_blank">principletemplates.com/</a>

Bom galera, baixem e testem os softwares e deixem ai um comentário sobre o que acharam e qual vocês usam no dia-a-dia.

Uma lista para quem está começando:
  
<a href="https://framerjs.com/" target="_blank">Framer</a>
  
<a href="https://www.pixate.com/" target="_blank">Pixate</a>
  
O famoso <a href="https://www.sketchapp.com/" target="_blank">Sketch</a>
  
<a href="https://www.invisionapp.com/" target="_blank">Invision</a>