Melhor resposta
Sketch é usado para fazer um design. O Invision é usado para mostrar um design.
Por exemplo, você deseja criar um aplicativo. Com o Sketch, você poderá projetar as telas facilmente. Agora, o próximo estágio será demonstrar o cliente ou seus usuários em potencial ou entre os membros da equipe para obter feedback. Nesse estágio, o Invision entra em cena.
Com o Invision, você será capaz de criar o fluxo para ajudar os outros a entender como o aplicativo funcionará. Outros também podem comentar em cada tela, ajudando você a acompanhar o feedback.
Como quando trabalhamos no Sketch to XML design de um aplicativo os clientes compartilham o fluxo conosco com mais frequência por meio do aplicativo Invision ou Marvel, mas, quando realmente fazemos o desenvolvimento do aplicativo a partir do design, solicitamos o arquivo de esboço, pois nos ajuda a obter os recursos usados no aplicativo facilmente.
Espero que isso responda à sua pergunta.
Obrigado, Ranit cofundador da RedElegant
Resposta
Nossa equipe de 3 (incluindo eu) tem usado o Figma por cerca de 3 meses desde julho de 2018 e aqui estão os prós / contras honestos que vimos.
O que eu gosto:
- Você provavelmente já conhece, Figma tem muitas semelhanças com Sketch, mover de Sketch para Figma é bastante fácil, quase como mover entre Adobe Illustrator para Photoshop ou Fireworks para Sketch. Os atalhos são iguais, as pranchetas são iguais, o layout geral (camadas da esquerda, propriedades da direita) são semelhantes e assim por diante. Sua equipe provavelmente não terá grandes problemas para alternar entre Sketch e Figma mesmo no dia a dia.
- O recurso Symbols aka Components no Figma é impressionante em termos de quantidade de substituições e como você poderia ter 1 componente para vários estados de um elemento, os estilos (aparência e comportamento, como cores) podem ser exclusivos para cada instância do mesmo componente.
- O controle de versão da equipe é incrível. Conforme os projetos em que trabalhamos hoje em dia ficam cada vez maiores, a necessidade de mais de um designer (por exemplo, um líder e um júnior) para trabalhar em um projeto é necessária. Não precisamos mais lidar com vários arquivos Sketch no Dropbox (ainda não experimentamos o Abstract) e mesclar diferentes quadros de arte em um arquivo master Sketch e lidar com múltiplas instâncias repentinas dos mesmos símbolos etc.
- Na colaboração, a revisão de designs feitos por cada um também é muito fácil, podemos ambos olhar para o mesmo quadro de arte, fazer ajustes para corrigir erros e melhorar os designs. É aqui que a Figma se dá muito bem no suporte ao design de pares (o equivalente à programação de pares). Aprendemos juntos enquanto projetamos juntos.
- Como o Figma é uma ferramenta baseada na web, os lançamentos de recursos são quase transparentes, sem download, versões diferentes do Sketch, todos têm a mesma versão sempre.
O que está me deixando louco:
- Figma é como uma criança que não joga muito bem com outras crianças, nem mesmo seu irmão mais velho, Sketch. As únicas crianças com quem Figma brinca bem são crianças estranhas do bairro como Dropbox Paper, JIRA (onde está a confluência ?!) etc. Embora ele tenha se aberto agora para brincar com Zeplin e Avocode, as outras ferramentas principais que usamos para animação, detalhou prototipagem, a revisão do cliente ainda é um grande aborrecimento.
- No mundo do Sketch, quando o Sketch não funciona bem com outras crianças, temos plug-ins para preencher essa lacuna e estender os recursos do Sketch. Invision Craft, Real Time Board, Zeplin, etc. Eu realmente sinto falta dos dias em que eu podia simplesmente copiar um quadro de arte no Sketch e apenas colá-lo de coisas como PowerPoint, Google Slides, Word ou qualquer outro lugar. Figma? Selecione, defina as configurações de exportação, Exportar, Encontre o arquivo no Finder, Arraste e insira em outro programa. Se estou lidando com 100 telas, vou perder muito tempo movendo as coisas e não me concentrando na solução de problemas.
- “Mas por que você não pode simplesmente deixar as pessoas verem seus projetos no Figma diretamente? É para isso que serve a pré-visualização do Figma, certo? ” Um desenvolvedor com quem trabalhamos acabou de me enviar isto:
Acabei de fazer uma avaliação rápida disso com o gerenciador de tarefas do Chrome
Apenas carregando a página (“Unee -T-Designs “) está sob um pico de carga da CPU de 250\% (com uma CPU i7 de 7ª geração) e pegada de memória de 350 MB
Depois de carregada, a pegada de memória sobe para 1,1 GB e finalmente estabiliza em torno de 950 MB com uma carga de CPU constante de 10-30\%: scream:
Carregar “Unee-T-Inspection-Report-v3-01” em comparação, causa uma carga de CPU durante o carregamento tempo que é quase tão alto, mas a pegada de memória atinge o pico de 450 MB, o que o torna mais gerenciável
Visualizar os designs no Figma para clientes, seja para transferência de desenvolvedor ou comentários, é simplesmente horrível. Nós, como designers, podemos suportar o tipo de recursos que a Figma usa em nossa máquina, mas nossos clientes não. O tempo de carregamento de 1 tela no Figma vs Invision é de 15 segundos vs menos de 1 segundo.
Este é de longe o maior problema que temos. Como os clientes e desenvolvedores não podem visualizar ou visualizar bem os designs no Figma, temos que exportar nossas telas para as plataformas usuais (Invision, Realtime Board) e esse processo é uma perda de tempo.
Então, qual é o ponto de usando o Figma em primeiro lugar, quando é suposto ser onde “tudo” acontece em uma única ferramenta?
Durante os últimos 3 meses de uso do Figma, muitas vezes me senti “Droga, preciso me mexer de volta ao Sketch ”apenas para perceber, desculpe, Figma é uma rua de mão única. Infelizmente, três dos meus projetos foram movidos para o Figma com a grande visão de que ele será melhor no futuro. Só posso esperar que o Figma melhore rapidamente para atender às necessidades dos clientes o mais breve. apenas para a persona do Designer, ele deve considerar todo o ecossistema de usuários ao seu redor e como a ferramenta funciona bem com esses diferentes “stakeholders”.
Espero que isso ajude todos que desejam mudar para o Figma .