Curso Gratuito de Figma em 2 horas! 😍

[@SheisaCreative]

Recado rápido: Se estiver com a interface antiga do Figma, ao invés do atalho Ctrl + K utilize o atalho Ctrl + P para abrir o painel de comandos. :3

[@luizmiranda4881]

Amei o curso ! Adorei a didática

[@klingerlima3384]

Onde eu estava que não conhecia este canal? Que material incrível e de qualidade. Muuuuuuuuito obrigado!

[@SheisaCreative]

😊 Onde você estava não sei, o importante é que agora está por aqui! 💁🏻‍♀️

[@Mago.Criativo]

Fiz questão de vir no seu video mais recente depois de assistir alguns outros vídeos. Moça você faz um trabalho incrível! É muito bom saber como tem pessoas como você na nossa área que realmente é apaixonado por design. É de uma maestria absurda! Você arrebenta! Continue assim por favor!

[@SheisaCreative]

Oii! Muito obrigada pelo carinho. 😊 Fico feliz de coração que tenha gostado tanto assim dos conteúdos. Pode deixar que o objetivo é continuar compartilhando conteúdo sim. Se tudo correr bem quero tentar estar mais presente no KZbin também. 😊

[@Thejotak]

Aula fantástica! Eu sei usar o Figma e acabei de descobrir que ainda não sei nada! hahahah 😅Conhecia componentes e biblioteca de estilos, mas as variáveis foi um prato cheio! Gostaria muito de conhecer seu processo de criação desses estilos, variáveis e design system!

[@SheisaCreative]

Hahaha Figma sempre tem algo que vamos descobrindo mesmo. Ele engana que é simples kkkk.... Poxa ótima sugestão. Vou anotar aqui entre os temas que a galera pede, quem sabe não monto algum conteúdo sobre. É um tema que adoro. 😄

[@laysfernandaferreirapiment9532]

Que curso incrível, adorei! :) O projeto em si "Vaca alegre", o Alfred, as cores, a edição de vídeo, é perceptível que tudo foi feito com muito carinho. Aprendi boas práticas no geral e também mais sobre o auto layout, que é a parte que acho um pouco mais confusa, muito obrigada pelo trabalho incrível Maiane.

[@SheisaCreative]

Que ótimo, Lays! 😄 Fico feliz que tenha curtido tanto o curso. :3

[@Thalespoliglota]

Eu conclui esse vídeo inteiro!!! Amei TUDO!!! ❤❤ Comentei, compartilhei, curti e vou compartilhar de NOVO! hahah Obrigado pelo trabalho incrível, você foi sem dúvidas Impecável nas explicações, didática, projeto, edição etc etc.

[@SheisaCreative]

Ahh que incrível! Muito obrigada, Thales. :3 Fico muito feliz em saber que curtiu tanto o vídeo. 😍

[@odiego]

Aulão incrível Maiane! Nunca vi alguém explicar os recursos do figma tão bem. Mandou bem na criatividade e edição do vídeo tb...hahahaha 😅👏🏻

[@SheisaCreative]

Muito obrigada pelo apoio, Diego!! Que bom que gostou da edição tambor. 😂 😂

[@nivankayulanargomes]

Gostei muito das aulas 😍você é incrível...

[@SheisaCreative]

Muito obrigada!! Fico feliz que esteja curtindo. :3

[@EnzoFaleiro-z5n]

Professora top demais! Tem o dom! Obrigado pelo conteúdo e parabéns. 👏👏

[@SheisaCreative]

Imagina! 😄 Ótimo saber que curtiu, Enzo!

[@thommy_80]

Melhor video que ja vi de tutorial de figma. Se aceitar um feedback, na dublagem da vaquinha não deu pra entender paçocas 😅. Entendi só o que aparecia escrito na tela

[@SheisaCreative]

Oi, Thommy! Que ótimo que curtiu. 😊 Realmente tenho recebido bastante esse feedback sobre a parte da vaquinha. Infelizmente agora mudar o vídeo todo não é uma opção, mas estou aos poucos fazendo a legenda de todo o curso para subir e ficar como apoio para quem está com dificuldade de entender essa parte. Obrigada pelo feedback. 😊

[@thommy_80]

@SheisaCreative Oi..nem pensei em algo sobre mudar o video já postado, pois imagino que seria trabalhoso demais, apesar de que essa ideia de legendar ele é uma ótima ideia. Quando escrevi o feedback, pensei mesmo em videos futuros seus. Este video já foi favoritado para futuras consultas quando a memoria falhar

[@SheisaCreative]

@thommy_80 Esse feedbacks são ótimos e levo muito em consideração para outros vídeos. Pode deixar! 😄

[@maourus]

Que aula fácil e boa, obrigado ♥

[@SheisaCreative]

😊 Disponha! Que ótimo que gostou.

[@radameraugusto]

Oh dor de cabeça esse auto layout... estava apertando ''Q'' selecionando o texto e não a caixa antes de criar o auto layout e na hora de digitar um texto maior, a caixa não acompanhava ele de jeito nenhum, finalmente descobri o que estava acontecendo... trauma superado hahaha

[@SheisaCreative]

😂😂😂 Se você aprendeu Figma e não teve nenhum trauma com auto layout você não aprendeu Figma.

[@tainaedwiges]

curso tão bom que tive que deu vontade de fazer todo em um dia 🥰🥰🥰 aprendi demais mesmo, primeiro curso que vejo que tem 0 enrolação!!!

[@SheisaCreative]

Opaaa! Assim que eu gosto. 😄 Que ótimo que curtiuuu, estudar é tudo de bom. :P

[@radameraugusto]

May, você poderia facilmente vender esse conteúdo como um curso avançado de Figma e cobrar uma fortuna por ele, mas está aqui compartilhando gratuitamente. Deus abençoe você, finalmente cheguei na parte do Hero, pois estou assistindo e desenvolvendo junto e inclusive esse curso está me salvando em vários freelas. Meu like e minha inscrição você sempre tem, por favor não pare de trazer esse conteúdo fodástico para nós.

[@SheisaCreative]

Hahaha Imagina! Não tenho pira de cobrar fortunas por cursos. Mesmo que eu venha a fazer algo pago no futuro será sempre por preço bem acessível. Acho que educação tem que ser compartilhada mesmo. Que bom que está assistindo e fazendo, é o melhor método para aprender! 😄 Fora isso: arrasa no freelas!!! Muito obrigada. 😄

[@FelipeSantos-pe4rg]

Muito mais que excelente! A união da técnica com o conceito. Muito bom ver um profissional de alto nível mexer na ferramenta. Figma está até lógica na variável. Quase uma programadora rs. Precisava dessa aula para me atualizar. Parabéns

[@SheisaCreative]

Haha Muito obrigada! Meu mestre do Indesign haha... 😄 Tá vendo as habilidades de programação? Hahaha Ando estudando bastante programação mesmo rs...

[@FlavioHenriquefhdb9]

Obrigado por compartilhar seus conhecimentos.

[@SheisaCreative]

Imagina! 😄 Um prazer poder ajudar, Flavio.

[@luigividaletti3468]

Comecei hoje o curso! Obrigado Mai.

[@SheisaCreative]

Oba!! 😄 Espero que possa aprender bastante. Bons estudos.

[@JéssicaMarianaS]

Mai, você é incrível! Obrigada!! Já uso o Figma, mas esclareceu demais algumas dúvidas que eu tinha. Obrigada também, Alfred! 🐮❤

[@SheisaCreative]

😄 Oba!! Que ótimo que o vídeo ajudou, Jéssica. Agora só partir virar rainha do Figma haha

[@lucianoluisdesign]

Aula espetacular! Parabéns pelo trabalho!

[@SheisaCreative]

Muito obrigada, Luciano! 😊

[@JJSilva89]

Eita moça! Sou TDAH e seu vídeo me prendeu no hiperfoco! Vc explica muito bem e rápido! Faz mais vídeos assim?! Tudibão!!! 🤗

[@SheisaCreative]

Opa!! Que ótimo saber que curtiu. 😄 Não garanto vídeos assim tão logo, pelo trabalho que dá rs. Mas pretendo estar mais presente no KZbin e trazendo várias dicas da área.

[@FernandaVital-p7i]

Muito bom conteúdo, Maiane. Esclareceu a mente e deu ideias pra aplicar nos meus projetos

[@SheisaCreative]

Oba!! 😄 Que bom que ajudou.

[@pedrohenriquemedeiros1732]

Incrivel, simplesmente absurda de boa sua aula, muito obrigado. Queria te fazer uma pergunta, onde posso adquirir conhecimento UI UX, apenas dominar a ferramenta não me torna um bom designer, você sabe muito sobre composição de elementos, cores etc, recomenda algum curso?

[@SheisaCreative]

Oii, Pedro! 😄 Primeiro, que ótimo que curtiu o curso. Sobre conteúdos de ui/ux, aqui no canal tem o Bootcampinho (sheisacreative.com.br/curso/bootcampinho-ui-ux-design-2), é um curso gratuito meu em que ensino várias dessas coisas, embora tem um enfoque um pouco maior na parte de UX. Além disso, recomendo o livro "Design para quem não é designer".

[@RenanMayrinckDesign]

Cursinho de Figma, bom demais!

[@SheisaCreative]

😍😍😍 Siiiiim!!

[@MarllonRibeiro27]

cai aqui de paraquedas em outro vídeo, sensacional seu conteúdo.

[@SheisaCreative]

Opaa! Assim que ó bom. Obrigada, Marllon!

[@rebecasilva5918]

Que curso completo!

[@SheisaCreative]

😄😄 Obrigada!!

[@esterd2509]

uau que aulão

[@SheisaCreative]

Obrigada!! 😄

[@joanafeitoza9937]

Boraaaa, boa noite!

[@DevZao]

Aliás, Bela aula!

[@SheisaCreative]

Obrigada! 😊

[@radameraugusto]

Esse curso é tão incrível que parece pegadinha o fato de ser gratuito, muito obrigado Mai, você é sensacional! Na parte de criar um propriedade de texto para os componentes e poder alterar não só o estado, mas também o nome tive uma dificuldade, parece que a interface do figma mudou e até encontro a opção ''adicionar nova propriedade de texto'', depois do ''ctrl+q'' no componente, mas quando clico em cada um dos textos não consigo alterar o nome, só o estado mesmo... pode dar um help?

[@SheisaCreative]

Haha Imagina! Muito obrigada. 💛 Sobre propriedades de texto: sim, o Figma muda toda hora e mudou isso mesmo... kkkk Faz assim: 1. Seleciona o texto no componente (exatamente como é feito na aula). 2. No painel da direita, lá em cima (logo abaixo da aba que muda entre design e prototype) vai estar escrito Text e logo abaixo o seu texto. 3. Ao lado do campo de texto, assim que passar o mouse sobre o campo de texto vai aparecer um ícone na direita, clica nele. 4. Aperta no + no painel que abre. 5. Define o nome e o valor da propriedade e clica em "Create Property" (criar propriedade). Espero que dê certo agora. Me avise, por favor, caso ainda esteja com dificuldades. 😊

[@amandacosta2724]

Sou iniciante das iniciantes hehehee... Estou tentando ir realizando com o vídeo. Seria mais prático se o curso tivesse sido dividido em vídeos, para facilitar a questão de voltar, dar pausa, passar... Obrigada Maiane

[@SheisaCreative]

Oi, Amanda! Concordo contigo, porém, eu quis testar esse modelo de vídeo inteiro também. Além disso, fazer o vídeo separado ia me dar mais trabalho, como eu tinha prazo para lançamento optei pelo mais simples. Pelo que vejo vídeos inteiros possuem um bom apelo no KZbin também. Achei válido testar. 😊

[@hqspace7293]

é interessante adicionar esse projeto ao nosso portifólio? Claro que com mudanças para não ficar igual

[@SheisaCreative]

Oii! Poxa, nesse caso bem específico acho complicado. Salvo você faça muitas alterações a ponto de parecer outro projeto. O que acho complicado é que, normalmente, portfólio é mais focado em mostrar projetos que nós mesmos criamos. É mais importante ser algo que tenha bastante de você do que ser algo muito bom neste caso.

[@mariaeduardadasilva6570]

Obrigada por esse conteúdo extraordinário, Maiane! Foi essencial para mim. Eu já sabia alguma coisinha de Figma, mas nada como usar a ferramenta da maneira correta, sem ficar fazendo gambiarra depois hehe 💖

[@SheisaCreative]

😄 Disponha, Maria!! Com certeza, saber usar a ferramenta e diminuir as gambiarras ajuda demais no longo prazo. Fico feliz em saber que o conteúdo teu ajudou!! 💛

[@Thalespoliglota]

Que conteúdo incrível! Como você editou isso? Qual editor vc usa? Hahha

[@SheisaCreative]

Obrigada, Thales! Eu uso o Premiere Pro :3

[@thenicosouza]

Pra galera do windows: Logo do Figma > Preferences > Nudge Amount

[@daianaiara4278]

Boooa noite

[@thenicosouza]

Impactado com Alfredinho falando 😂

[@thenicosouza]

"Ela é uma seta lrivreee" haha

[@thenicosouza]

2:25:04 😆

[@thenicosouza]

Terminei o curso e só uma frase me vem a cabeça: "Tem uma OBRA-PRIMA ali à espera!" haha Perfeito Maiii, nossa parabéns pelo curso, didática impecável, você merece todo sucesso! Muito obrigado por pensar em tudo!

[@SheisaCreative]

Hahaha Muito bom saber que curtiu cada momento do conteúdo. 😂 Fico feliz que tenha gostado. :3

[@DevZao]

Você tinha um canal que falava sobre arquitetura... ou estou confundindo??

[@SheisaCreative]

Haha Tá confundindo hein... Eu tinha um sobre Enem: o Quack Redação... 😂

[@ShopMasterBR]

começando hoje no figma, não entendi a parte de entrar na sua comunidade pode me ajudar?

[@SheisaCreative]

Oi, Sheila! Na verdade não é minha comunidade. Comunidade do Figma é um site com vários arquivos de outras pessoas. Por exemplo, se você quiser pode publicar um arquivo para outras pessoas poderem utilizar. No caso específico deste curso, você só precisa duplicar os dois arquivos que estão com o link na descrição do vídeo, conforme eu explico aqui: kzbin.info/www/bejne/Y6SzdmlvedueY5Ysi=PRWQ-khimTXD2KBH&t=327

[@ShopMasterBR]

@@SheisaCreative Obrigada! Entendi, to seguindo o passo a passo, tenho muita vontade de aprender o figma

[@SheisaCreative]

@@ShopMasterBR Boa! Qualquer dúvida pode ir deixando nos comentários. 😊 Hoje, 20h, vai ter uma live no canal de dúvidas sobre Figma também.

[@leonanrafael5251]

Mai meu layout está bem diferente... e também tem alguns atalhos que não estão funcionando... Como o de criar componentes, oque abre aquela barra mágica para pesquisar os comandos, não consegui ativar a check de property labels pois a mesma não estava no mesmo lugar que o seu. tentei excluir o figma e baixar pelo seu link mas não adiantou. Tem alguma dica? Alias, parabéns pelo conteúdo!

[@maiteduarte8539]

também tô assim :( não consigo seguir os passos do curso pq meu figma ta todo diferente

[@SheisaCreative]

Oie, povo! Boas novas... Figma anunciou hoje ainda que vai liberar pra geral o layout novo até dia 10 de outubro. Então só esperar. 😄

[@GeorgiaMedeiros]

@@SheisaCreative aproveitando a questão, Mai, aqui o atalho shift + 2 muda as coisas de lugar, exemplo, no caso do header, ele vai para o footer. Teria alguma dica? Obrigada desde já!

[@SheisaCreative]

@@GeorgiaMedeiros Oii! Eita, que estranho... 🤔 Saber o que tá rolando, honestamente não sei. Mas sugiro testar duas coisas: 1. Aperta o Ctrl + K para abrir aquele menu de funcionalidades e sigita zoom to selection. Confirma se o atalho que mostra para você para essa função é o Shift + 2. Se tiver algum diferente usa ele no lugar. 2. Talvez seja algo relacionado ao layout do teclado, já que no Brasil usamos ABNT2 e muitas vezes compramos teclados com outros layouts, aí a posição das teclas é diferente. Nesse caso, cheque o layout do teu teclado nas configurações do computador e também no FIgma (clicando na interrogação e na opção "Change keyboard layout". Testar mudar para USA, ABNT2 e coisas assim em todos os locais ver se funciona.

[@GeorgiaMedeiros]

​@@SheisaCreative oii mandei aqui uma resposta mas sumiu... não sei se é bug no youtube. Era o teclado mesmo, alterei mas não resolveu e fui investigar no google, encontrei um artigo falando sobre e a solução é usar o teclado numérico de cima, pois o do lado não funciona para os atalhos. Obrigada, Maii!

[@BeatrizMoitinho-vw1lj]

Curso incrivel, só nao estou conseguindo criar propriedade no texto , não me mostra a opção de adicionar ao lado do item, será que estou fazendo algo de errado.

[@SheisaCreative]

Oi, Beatriz! Como assim criar propriedade no texto? Consegue explicar melhor? Se puder dizer em que parte do vídeo é falado ajuda também. :3 🤔

[@BeatrizMoitinho-vw1lj]

​@@SheisaCreative eu consegui provável estava fazendo algum passo errado, apaguei tudo e refiz e deu certo 😂 Obrigada mesmo assim ❤

[@SheisaCreative]

@@BeatrizMoitinho-vw1lj Opa!! Que ótimo que deu certo. 😄

[@XClarinhaXx]

Boa noite, sou designer, trabalho com figma a uns 2 anos, porém nunca descobri como fazer o figma parar de colocar números "quebrados".. Por exemplo: vou arrrastar um elemento que está na posição 25 , ao arrastar sem o uso do shift ele fica 26.75, existe alguma maneira ou configuração do figma para que ele arredonde sempre pra números inteiros além do uso do shift?

[@SheisaCreative]

Oi, Clara! Pior que evitar totalmente isso acho que não tem como. Porém, tem uma opção, que chama "Snap to pixel grid" que pode ajudar. Para ativar aperta Ctrl + K (ou Ctrl + P se estiver com interface antiga) e começa a digitar "Pixel", hora que aparecer a opção ativa ela. Além disso, tem uns plugins que da para usar que dizem que ajustam isso, mas aí é após ter feito e enfim, eu sempre tenho um certo receio de esses plugins mexerem em algo que eu não queria haha, então se for usar, só cuidar. :B

[@tainaedwiges]

a animação da minha vaquinha ficou travando a cada vaquinha que passa, alguma idéia do que pode ser?

[@SheisaCreative]

Oii! Difícil dizer exatamente sem ver o arquivo, mas consigo pensar em três possíveis causas: (1) Quantidade de delay na transição de after delay. (2) Tipo de Easign (ex.: ease-out, gentle... Deixa no linear) (3) Bug do Figma. Triste, mas acontece tbm... Mas pelo que descreveu não acho que seja o caso. 😂

[@arturcorvino1]

Como vc tem esse novo layout? Tô querendo faz tempo e não sei como conseguir 😢

[@SheisaCreative]

Oi, Artur! Então, logo que o Figma lançou ele tinha uma opção para solicitar e eu pedi e nem uma hora depois eles liberaram para mim. Porém, eles desabilitaram a lista de espera uns dias depois. Hoje está sendo liberado de forma gradual pelo Figma, sem você precisar fazer nada além de esperar kk... Qualquer coisa aqui tem mais informações: help.figma.com/hc/en-us/articles/24919293730327-How-do-I-get-access-to-UI3-and-AI-features

[@isabellasoares4425]

Vai na interrogação que tem na parte inferior do figma e clica na opção " Use new UI ( in beta)"

[@marcelocorrea3529]

a opção de imagem com IA não aparece mais no meu

[@SheisaCreative]

Oi, Marcelo! Pior que não sei o que possa ser. :( Minha sugestão é tentar entrar em contato com o suporte do Figma.

[@thainacreditavel2988]

Poxa, coloca legenda nessas partes de brincadeira com a vaquinha, quase nao entendi nada

[@SheisaCreative]

Oi, Thaina! Estou para adicionar legendas, porém, infelizmente não tive tempo de terminar ainda. Como o vídeo é muito longo estou legendando em partes. Porém, só posso disponibilizar depois que estiver completo. :(

[@HenriqueAMSM]

Aff, fiz tudo ao pe da letra mais na hora de troca do icone da plantinha o trem ficou todo bagunçado, perdi a paciência y deixei o proyecto, não é possível que fazendo tudo ao pe da letra pausando o video 10 vezes e ainda saia errado. 😢 sempre acontece alguma coisa.

[@SheisaCreative]

Poxaaa :(, desanima não. No início é normal mesmo acontecerem pequenos problemas. Especialmente porque o layout que ensino no vídeo não é o mais simples do mundo. kkk Se eu puder ajudar, fico à disposição caso queira mandar um vídeo, imagem ou áudio no meu Insta (@sheisacreative) contando com o que exatamente está tendo problemas. Bora desembolar isso aí!

[@GabrielAraujo-yk3dz]

Sugiro minimizar a participação da vaquinha oi usá-la para passar informações relevantes, de forma didática e compreensível. Algumas vezes não entendi nada do que ele falava.

[@SheisaCreative]

Moço, a vaca participa de 2 minutos em um vídeo de 2h30, já é super pouco. kkk Relaxa que qualquer coisa pode pular susse a parte da vaca que não vai atrapalhar em nada seu aprendizado.

[@comandullialine]

[@SheisaCreative]

😄🙆🏻‍♀️

[@rogeriofilho5549]

não consigo entender nada que o alfreldo fala x(

[@SheisaCreative]

Poxa :(, vou mandar ele pra fonoaudióloga...

[@Thalespoliglota]

Feedback: escreve "kkkcrying" pra ficar mais kkkcult 👍🏼✨

[@SheisaCreative]

kkkclaro haha

[@DevZao]

Ctrl + k não funciona. No Windows é Ctrl + ,

[@SheisaCreative]

Acho que o problema não é Windows e sim a interface do Figma. Se estiver na interface antiga não funciona mesmo. :( Se for o caso, recomendo o atalho Ctrl + P, que funciona tanto na interface antiga quanto na nova. Obs.: só para confirmar, testei agora mesmo no Windows e funciona o Ctrl + K se estiver com a interface nova. Na interface antiga Ctrl + K é o atalho para adicionar links.

[@DevZao]

@@SheisaCreative Entendo, no caso tentei nas duas kkk. Pode ser um bug também, já que está em testes ainda

[@SheisaCreative]

@@DevZao Haha Pode ser então...

[@LéoCreativeBrand]

Esse painel todo branco chega da labirintite.

[@SheisaCreative]

kkkkk Qualquer coisa da para mudar para Dark Mode. 🙆🏻‍♀️

[@Thalespoliglota]

2:6:31 - Vou cliclar em "Flip horizontal", pra "Flippar Horizontalmente" ☺☺

[@SheisaCreative]

Hahaha Eu nem percebo que eu falo essas coisas. 😂🙈