Figma: Tudo que você precisa saber sobre "A Ferramenta do Designer Versátil"

E aí pessoal tudo bem com vocês nesse vídeo vou apresentar para vocês o Sigma a ferramenta do designer versátil com por que que eu chamo pigma né acho que ele é tão versátil assim atualmente Eu trabalho com diversos projetos na área do Design e utilizo apenas o Sigma então vocês vão ver longo ainda me apresentação que dá para trabalhar em diferentes Vertentes utilizando essa ferramenta Inclusive essa apresentação de slides que eu fiz para apresentar esse conteúdo foi feito no pequeno então desde o slide até mesmo uma animação mocap entre outras coisas a gente consegue fazer

com essa ferramenta bom mas que é esse firma de acordo com o site ele é uma ferramenta de design de interface colaborativo é muitas pessoas falar mas o Finn mas ele não serve somente para prototipagem de telas criar mockups entre outras coisas na verdade ele foi criado para isso eu o conheci por conta disso eu desenvolvo o Website é um bom tempo e sempre antes de desenvolver o gosto de e ali o meu pretinho mesmo Capivari frame eu sempre vejo isso em folhinha de papel até que um dia um aluno me indicou ela usa o

Big mas ele é bom para isso e eu comecei a trabalhar confirma por conta desse Vick Na verdade eu consigo fazer muitas outras coisas nessa ferramenta então para quem é o Sigma ele começou a trazer funcionalidades para newex designers Hoje ele tem uma gama imensa de ferramentas para a gente trabalhar também com designers gráficos e na verdade é uma ferramenta que eu julgo ser simples porém completa ou seja então qualquer pessoa pode utilizar o clima se vocês prestarem atenção aqui do lado Essas são as únicas duas telas que eu fique matem além da telinha ali

onde a gente gerencie os arquivos mas nessa tela que tá mais por trás por exemplo é a tela de design é nessa tela nessa janela aqui nesse espaço que a gente cria Praticamente tudo O protótipo de telas design e os animações entre outros se vocês prestarem atenção aqui em cima a gente tem pouquíssimos itens ali de ferramentas para usar no figurino porém ela pode ser complementado com plugins entre outras coisas então basicamente esse aqui é o documento que nos permite trabalhar com design gráfico e esse outro arquivo aqui que ainda está na versão Beta ele

é bastante utilizado para trabalhar em projetos colaborativos por exemplo esse aqui é um quadro e branco onde duas pessoas podem acessar e criar em algum junto depois eu posso mostrar um pouquinho melhor como ele funciona porque eu já utilizei um ir porque uso o Sigma porque eu já precisei usar todas as ferramentas aqui do lado e hoje o pequeno ele me permite fazer as mesmas coisas que eu fazia com essas ferramentas mais e uma única ferramenta que roda ali simplesmente navegador bom então consigo não consigo prototipar telas então por exemplo eu já usei o FBI

tem um vídeo aqui buscar e São só por isso também que me permitem trabalhar com isso ilustrações vetoriais a gente tem aqui com o Adobe Illustrator Winx Cap edição de imagem o senhor Ele não tem tanta ferramentas impressão de Margem mas condição dos plug-ins a gente consegue fazer muita coisa legal é um por exemplo não uso mais o Photoshop por exemplo a guimp existe também uma alternativa aí né Muito só porque alcança que faz muita coisa mas não faz tudo eu tenho umas limitações por ser pago etc e tal mas enfim acredito que também aí

pode a gente pode colocar ali os dois calma concorrentes tá eu consigo fazer animações então eu já usei muito né o Adobe Flash que agora se chama animate para fazer animações e eu consigo fazer pequenas interações usando o clima que a gravação né então o indesign por exemplo uma ferramenta também da Adobe usada para a gente poder criar é burro que em jornais revistas entre outras documentos a gente consegue trabalhar também confirma tem esse último item que para Brainstorm hoje tá muito na moda equipes grandes colaborando ainda mais com esse momento que a gente passa

né do Home Office é basicamente é um quadro branco ali onde as pessoas podem criar o ele para isso no Capes alguns programas fazer Brainstorm screw um cama mas enfim colaborar com intuito de criar um projeto né de ter ideias para um projeto algumas características do filme que ele é gratuito isso já é muito bom vocês viram no slide anterior que a maioria das Ferramentas havia dado be Adobe pago Então essa é uma grande vantagem eu consigo utilizar o simplesmente rodando online mas tem também a versão instalável que essa que eu tô utilizando aqui o

armazenamento infinito tudo que você faz meu filho uma fica guardado ali dentro então você a roubar os seus arquivos os seus projetos para continuar editando depois tudo isso fica salvo na nuvem do próprio prima ele é multiplataforma foto no Windows Mac Linux colaborativo a gente viu né que o pijama por exemplo né que ele muda whiteboard ele permite a colaboração mas a interface design gráfico também permite isso eu posso compartilhar um projeto com outra pessoa começar a trabalhar aqui no design essa outra pessoa também pode ver outra mesmo editar a comunidade do fim novamente acrescente

o bastante e com isso está crescendo muito também a quantidade de ponto ruim e tem play aqui do lado eu pintei coloquei para vocês a tela é da comunidade da comunidade no clima tô aqui a gente encontra né plugins fique Jan with friends and White is mobile design ai consiste prograf além dos plugins download e os modelos de coisas prontas para eu utilizar nos meus projetos e eu tenho também os pudins por exemplo Então como as ferramentas mais complicadas quero botar um filtro e uma foto eu tenho um plugin para isso quero remover fundo quero

vetorizar então vocês viram que eu fico ele tem poucas ferramentas ali na sua interface Mas eu posso ir adicionando plugins e vai me permitir ter mais opções nessa mesma ferramenta tão uma das coisas mais chatas assim que eu acredito por exemplo um photoshop quando você abre ele ali a primeira vez ele tem muita ferramenta muita informação já quando a gente abre o filme tem pouco se eu quiser algo a mais eu posso ir lá e adicionar só essa ferramenta que eu quero então eu acho bem interessante ó e aqui algumas coisas para casa já usei

o Sigma Então aqui tem um projetinho que eu rascunhei tão antes de desenvolver Igual eu falei para você isso eu gosto de desenhar né até mesmo para validar com o cliente para colocar as minhas ideias em algum lugar então aqui eu fiz um protótipo Zinho de um aplicativo depois usando né o Finn gênero eu fiz aqui um l Prime coloquei apenas as telas para poder apresentar para o cliente ver se realmente essas novas funcionalidades assim que vai ser a navegação no aplicativo aqui a gente tem um mocap já tem um pouco mais de detalhes visuais

todas as telas cores o que vai escrito onde e esse outro exemplo aqui é um sistema web que representa aqui a um protótipo mesmo essas ligações que vocês estão vendo aqui servem exatamente para isso a gente consegue rodar essa imagem esse protótipo E conforme a gente vai clicando nas telas ele vai fazer Nossa navegações ou seja parece muito é um para validar isso com o cliente a bem interessante com pigmento permite que eu crie ali alguma fidelidade bem pequena só para ter um rascunho implementar as cores até para facilitar um desenvolvimento e nessa parte de

prototipagem também para poder lavar lidar com o cliente ver se realmente é isso que ele quer tá próximo pelo menos do que ele quer o que deve ser mudado e enfim bom mas por que não fala por aí como eu disse para vocês então como eu consigo trabalhar com ilustrações vetores e imagens Ele também me permite criar identidades visuais porque tem um exemplo de uma identidade visual repreendem então aqui eu recebi esses quatro itens aqui são poucos está Instagram de um cliente que não tava muito contente E aí eu refiz aqui é somar então Criei

um repreende a criação de Logos também tem aqui Um exemplo eu consigo trabalhar em muitas outras coisas relacionadas ao design gráfico a Peças um simples Até mesmo né na criação de templates modelos e posts para Instagram então aqui eu fiz toda identidade visual peguei é na verdade a identidade identidade visual e coloquei isso em moldes ali para a gente começar a fazer né as postagens no Instagram e já usei também para dar aula então aqui por exemplo é uma aula que eu dei para alguns alunos eu abri essa louça né esse quadro em branco fui

rabiscando ali explicando para eles o que deveria conter e uma documentação de TCC Então por meio eu não tenho uma lousa no momento ali pelo menos não no computador Abrir fui rabiscando escrevendo cada um dos itens os tópicos que deveria conter nesse projeto e deu isso tá a única coisa que eu até hoje não consegui né na verdade eu fico mas não suporta a criação de vídeos embora a gente conseguiu fazer algumas animações simples ali básicas não motion design é algo bem introdutória nem mas a gente com o que acaba talvez aí até mesmo suprindo

essa necessidade e então para gente utilizar o final basicamente é detalhe firma.com A gente vai entrar no site esse aqui né a home do site E aí vocês vão precisar criar um cadastro é gratuito tá utilização de todos os recursos do Sigma é e depois fazer login vocês vão ver na verdade que ele dá algumas opções para da versão paga na versão gratuita na versão gratuita você consegue usa tudo que a ferramenta possui as únicas coisas começam a ser limitadas é a quantidade de usuários e quantidade de projetos então se você quer criar um monte

de projeto você não consegue mas o pedido Ele tem uma pastinha chamada de antes né rascunhos você consegue colocar tudo lá então não vai ter uma organização tão boa Mas você não tem limite de arquivos para que projetos né para criar um signo que se você quiser Como compartilhar e trabalhar com outras pessoas você também vai ter um pouco de limite mas para você a web instalado na sua máquina você vai conseguir fazer tudo que eu fico na permite bom Então no próximo vídeo eu vou entrar no Sigma e vou fazer alguma coisa né uma

capinzinho vou fazer ali também um post para Instagram por exemplo me baseando no conteúdo que eu passei aqui nesse slide para vocês