Curso de Figma app Design - Como criar um protótipo navegável [Aula 03]

Поділитися
Вставка
  • Опубліковано 2 січ 2025

КОМЕНТАРІ • 87

  • @chiefofdesign
    @chiefofdesign  2 роки тому +2

    🚀 Prototipa - Curso Avançado de Figma
    ➡ cursofigma.com.br/

  • @erickutschinsky78
    @erickutschinsky78 Рік тому +4

    @chiefofdesign de onde vc tirou aqueles templates?

  • @andersonbecker9694
    @andersonbecker9694 Рік тому +1

    ajudou muito, já consegui fazer as primeiras paginas com interação

  • @thiagoferreiragomes3258
    @thiagoferreiragomes3258 3 роки тому +17

    Caralho, com todo respeito! Eu há muito tempo não estava entendendo como o pessoal desenvolvia sites tão caprichados. Mas, agora que eu descobri esse seu curso, me deu aquela luz branca na cabeça, tá entendendo ?! Quando você para e pensa: Porra, era isso ?! Eu te amo, mano! Mais um inscrito.

  • @vicvascon
    @vicvascon 2 роки тому +3

    Que incrível, estou apaixonada por esse software

  • @webmasterprotech
    @webmasterprotech Рік тому

    No ato, sem enrolação! Show.

  • @flaviosoares3181
    @flaviosoares3181 4 роки тому +6

    excelente conteúdo!!! Quero melhorar minha experiência ao construir um projeto front-end do zero, e esse app está me ajudando muito!!!

  • @vithoriapriebe5645
    @vithoriapriebe5645 2 роки тому +4

    Incrível, tanto a parte de conteúdo que está riquíssimo, quanto a explicação. Parabéns.

  • @MarianaSantos-wc4hx
    @MarianaSantos-wc4hx 3 роки тому +7

    Cara, tu me ajudou muitooo para meu trabalho da facul. Grata

    • @chiefofdesign
      @chiefofdesign  3 роки тому +1

      OI Mariana.
      Respondi ao seu comentário neste vídeo: ua-cam.com/video/PkD8_AjhkkA/v-deo.html 😍
      Forte Abraço.

  • @BrunoHenrique-vd1ry
    @BrunoHenrique-vd1ry 8 місяців тому

    Vídeo muito bom e informativo! brabo.

  • @DanMRochaa
    @DanMRochaa 4 місяці тому

    Ajudou muito, obrigada!

  • @saulononato
    @saulononato 2 роки тому +31

    Faltou explicar como achar o template utilizado no exemplo.

    • @jotaoliveira0
      @jotaoliveira0 8 місяців тому +3

      No canto superior esquerdo tem uma opção onde fica os PLUGINS e widgets. No Plugin você procura por TEMPLATES logo vai aparecer o template gratuito! Ele ensinou na primeira aula onde baixar os PLUGINGS.

  • @carvalho9021
    @carvalho9021 2 роки тому +8

    Cara.. você simplesmente joga o template e não diz onde pegar? ...

  • @brunoresendesantos45
    @brunoresendesantos45 4 роки тому +4

    Muito bom. Aulas mais completas que qualquer material que eu vi até agora mesmo em inglês. Parabéns!

  • @gabrielb.ferreira4927
    @gabrielb.ferreira4927 2 роки тому

    Salvo a minha pele, muito obrigado pelas dicas claras.

  • @sandro24jf
    @sandro24jf Рік тому +1

    Você nem imagina como esses vídeos são importantes para mim, muito obrigado.

    • @chiefofdesign
      @chiefofdesign  Рік тому +1

      Eu que agradeço. Fico muito feliz com isso. Espero continuar ajudando 😍. Valeuuu

  • @anafonsecca
    @anafonsecca Рік тому +2

    Não entendi, onde q ele pegou o template q está usando?

  • @zenirapereira5094
    @zenirapereira5094 3 місяці тому

    SUPER....Obrigada

  • @LuizFelipe-gc7bl
    @LuizFelipe-gc7bl 3 місяці тому

    obrigado amigo, falta 44 minutos pra eu entregar meu trabalho e conseguir conectar os meus wireframes :))))

  • @joaovitorsantivalvassori590
    @joaovitorsantivalvassori590 2 роки тому +1

    top me ajudou muito !!!

    • @chiefofdesign
      @chiefofdesign  2 роки тому

      Que bom que ajudou João!!!

    • @MsMarylinha
      @MsMarylinha Рік тому

      Eu fiz pesquisa no google e peguei uns grátis.

  • @darleyleal9141
    @darleyleal9141 2 роки тому +1

    Muito obrigado pelo conteúdo, você salvou meu trabalho de engenharia de software kkkkkkk

    • @chiefofdesign
      @chiefofdesign  2 роки тому +1

      Boa kkkkkk .Fico contente em saber que ajudei aí. Sucesso no curso. Tmj 👊

  • @LucasSantos-tw7vf
    @LucasSantos-tw7vf Рік тому +15

    Aula boa. Mas o fato de você pegar o design pronto, não me ensina a fazer um do zero.

  • @Mr01Caarolina
    @Mr01Caarolina 3 роки тому +1

    Conteúdo incrível, parabéns!! Me ajudou bastante.

  • @alanlima2660
    @alanlima2660 Рік тому

    o meu está diferente do seu ou não estou acompanhando a ordem exata mas estou gostando

  • @adrianoafonsodasilva
    @adrianoafonsodasilva 4 роки тому +23

    Bomdia !!! A onde estão essas telas?

    • @jotaoliveira0
      @jotaoliveira0 8 місяців тому

      No canto superior esquerdo tem uma opção onde fica os PLUGINS e widgets. No Plugin você procura por TEMPLATES logo vai aparecer o template gratuito! Ele ensinou na primeira aula onde baixar os PLUGINGS.

  • @vitaobrabo
    @vitaobrabo Рік тому +9

    Boa tarde a todos. Sei que já faz 3 anos que essa vídeoaula foi gravada, mas acho que essa aula em específica não ensinou tudo de uma forma clara como poderia ser.
    Pra quem tá usando Figma em 2023/22, para criar uma ligação entre frames, faça assim:
    1. Comece criando dois ou mais frames para fazer a ligação entre eles (tecla de atalho: F), ou crie com as escalas pré-definidas na lateral direita em Design (ex: IPhone 14 Plus).
    2. Para fazer a ligação de um frame para outro, certifique que na lateral direita você esteja na seção "Prototype", caso esteja, basta clicar duas vezes com o mouse no primeiro frame (ou apenas selecioná-lo) e exatamente onde o professor foi na aula (no meio horizontal ou vertical do frame) vai aparecer um "+", basta segurar e arrastar a seta para o outro frame que deseja fazer a ligação.
    Contudo, desde já agradeço pela aula, abraço.

  • @gabisaturno6086
    @gabisaturno6086 2 роки тому

    explicação impecável

  • @cassioscorza4805
    @cassioscorza4805 Рік тому +1

    o mais importante que é pegar um template ou criar nao tem

  • @karenferri1277
    @karenferri1277 3 роки тому +6

    Ele ensina com raiva! hahahahaH

  • @ricardofernanddes4218
    @ricardofernanddes4218 2 роки тому +2

    onde tem o template, não achei

  • @585ghz
    @585ghz 4 роки тому

    Muito bom! completo e simples de entender. Vlw!!

  • @maryrosy1515
    @maryrosy1515 2 роки тому

    Tia May, já estava pronto a protótipos o que confundiu total para quem nunca fez designer como eu, entendi que é parte de animação para cliente entender o movimento, como não tenho nada feito ainda não consegui praticar a aula, assim, não ajudou, vou ter voltar nela depois.

  • @marceloviniciusrocha560
    @marceloviniciusrocha560 Рік тому +1

    eu nao entendi como voce colocou esses prototipos ae?

  • @ismaeldesigner4374
    @ismaeldesigner4374 2 роки тому +2

    Bom dia meu amigo !
    Meu Figma NÃO aparece essa interface, dessa forma que a sua apresenta, na aba de prototipação. Muito menos essa opção de fazer a ligação entre os frames. Aparece uma informação, "arc" e mais nada. Por favor, você pode me ajudar ?

  • @lilianguimaraes7933
    @lilianguimaraes7933 4 роки тому +5

    Aprendi muitoooo obrigada! Sou professora estou me adaptando as novas tecnologias, como vc gravou esse vídeo? que software vc usa. Adore a forma como vc apareceu nesse formato redondinho.

    • @straidmgamer27
      @straidmgamer27 4 роки тому

      Precisando de suporte procure nós ! contato@willltech.com.br

    • @eleonordomi5857
      @eleonordomi5857 4 роки тому +2

      Tem um programa chamado ApowerRec que além de gravar a tela, grava pela webcam nesse formato redondo também.

    • @thaynacunha6285
      @thaynacunha6285 4 роки тому +3

      Tem uma extensão do Google Chrome que chama Loom. Ele grava assim!

  • @janainatrufanov4122
    @janainatrufanov4122 4 роки тому

    Que aula massaaaa!

  • @brunomonteiro3512
    @brunomonteiro3512 3 роки тому +3

    man é possível exportar o prototipo em PDF INTERATIVO, com as funcionalidades?

  • @vitorconstante180
    @vitorconstante180 Рік тому +1

    Onde pego um template

  • @krisztinaveronicapalotas
    @krisztinaveronicapalotas 2 роки тому

    para visualizar a o arte completa ou mesmo apenas uma parte em construção.. o cliente tem que abrir na figma? obrigado

  • @godsbetstv3172
    @godsbetstv3172 2 роки тому

    Começa em !4:20

  • @RBassaniDrywallCuritiba
    @RBassaniDrywallCuritiba Рік тому

    Oi tudo bem? será que pode me ajudar? ao fazer o protótipo e ir para visualização, vai direto para a segunda página e não aparece a primeira página, fiz igual vc ensinou

  • @LeticiaElyoneNavarro
    @LeticiaElyoneNavarro Рік тому +1

    Alguém sabe dizer se tem como exportar esses protótipos para enviar pra leigos? Tipo, como se fosse um PDF, mas sem perder essa interatividade e tal. Eu trabalho com o figma, mas nao conheço muito dessa parte de prototipagem e to sofrendo. Me ajudeem!

  • @sla..6618
    @sla..6618 2 роки тому

    oi mn, boa tarde!!!! o meu eu não consigo usar as setas para organizar os feeds.oq eu faço???

  • @akhino
    @akhino 3 роки тому

    Gratidão

  • @Anderson_Oficiall
    @Anderson_Oficiall 2 роки тому

    Me ajuda, tem outra parte que nao ta no meu flow 1, so funciona 2 partes do app, quando puxo para a 3 tela ele nao funciona

  • @larissagmoufarreg
    @larissagmoufarreg 3 роки тому +1

    Dá pra fazer isso em pdf pra eu enviar pra clientes?

  • @wydi3432
    @wydi3432 2 роки тому

    Dá pra fazer um fluxograma de processos usando a funcionalidade de prototype?

  • @isabelalima3823
    @isabelalima3823 2 роки тому

    como eu faço para ao dar play aparecer a telinha de um celular e o meu protótipo dentro da tela?

  • @jamillybrito5562
    @jamillybrito5562 2 роки тому +1

    vc não esta ensinando como criar um prototipo e sim como transformar um prototipo já pronto e acrescentar algumas alterações, mas como começo do zero?

  • @isabelcavalcante1365
    @isabelcavalcante1365 3 роки тому +1

    como exportar isso como uma animação?

  • @LucianaAlves-lo6zs
    @LucianaAlves-lo6zs Рік тому

    gente boa noite ! É meu primeiro protótipo, e fiz o design . Só que quando vou puxar para ligar com a outra tela nao funciona essa bolinha oq faço? ja assistir varios videos mas no meu prototipo nao funciona . Alguem pode me ajudar?

  • @Sevenbeatx
    @Sevenbeatx 9 місяців тому

    eu fiz um prototipo perfeito porem agora não sei oque fazer pra colocar o site no ar no caso, sendo que ta tudo automatizado e responsivo , queria só pegar o projeto e hospedar ele em algum lugar

    • @chiefofdesign
      @chiefofdesign  8 місяців тому

      Fala mano.
      Então não é possível exportar um site assim do jeito certo, como deve ser. No caso você precisa colocar esse layout em software low code (webflow, framer, elementor) ou saber desenvolver para fazer por conta própria mexendo no código.
      Dá uma olhada nas minhas aulas de elementor aqui no canal.
      Abraço.

  • @luizeduardorodrigues7800
    @luizeduardorodrigues7800 4 роки тому +4

    O meu não funcionou. Tentei linkar para proxima tela, mas ele não linca. Alguém me ajuda?

    • @robertalacerdasilva
      @robertalacerdasilva 3 роки тому

      Você precisa esta em prototype. Só prestar atenção onde dentro de qual o professor está trabalhando que da certo.

    • @valentinaguarniero7347
      @valentinaguarniero7347 3 роки тому

      ele tava em frame? aconteceu cmg, mas por desatenção mesmo kkkk tem que estar em frame

  • @Marcelopibr
    @Marcelopibr 7 місяців тому +1

    acho que essa aula não deveria ter sido no começo

  • @GaneshaParvatti
    @GaneshaParvatti 2 роки тому

    👏🏽👏🏽👏🏽👏🏽

  • @eriveltada
    @eriveltada 2 роки тому

    Oi! Essa animação do seu logo foi criada no Figma?

    • @chiefofdesign
      @chiefofdesign  2 роки тому +1

      Olá.
      Diz respeito a intro? Ela foi feita por um Motion designer no after effects.
      Abraço

    • @eriveltada
      @eriveltada 2 роки тому

      @@chiefofdesign obrigado!

  • @paraleloautista
    @paraleloautista 4 роки тому +3

    Mano, onde estão essas telas? Como que eu posso treinar isso? Você jogou essas telas e não disponibilizou o material para os alunos?

    • @chiefofdesign
      @chiefofdesign  4 роки тому +4

      Olá Fred.
      Como falei no inicio do vídeo, eu peguei um template do próprio figma. Quando vc acessa a ferramenta tem a opção de baixar templates.
      Abraço.

    • @gabic9099
      @gabic9099 4 роки тому +3

      @@chiefofdesign Fiquei com a mesma dúvida, onde baixa os templantes? Procurei e não achei :/

    • @paulosilva3997
      @paulosilva3997 4 роки тому +4

      @@gabic9099 Na página inicial vá na opção "Resources" e procure por "Templates".

  • @jamillyroque
    @jamillyroque Місяць тому

    O curso é otimo, pena que mudou tanto o sistema.

  • @jamillybrito5562
    @jamillybrito5562 2 роки тому

    Muito errado pq se estamos iniciando tem que ensinar como criar um template do zero e não pegar um pronto, no seu figma quando se pega um template pronto ja vem com todas as caixinhas de botoes como vai visualizar mas do zero como cria isso/ pq quem inicia o nosso aparece do zero nem essas caixinhas que aparecem ai no seu aparece no nosso.

  • @franciscasilpes1304
    @franciscasilpes1304 2 роки тому

    but I’m learning the mobile version

  • @fernandomorais6277
    @fernandomorais6277 Рік тому

    O figma na versão free de 2023 parece estar com menos recusos do que antes =/

  • @wesjfaria
    @wesjfaria 4 роки тому +1

    Toda vez que vc fala sobre uma função do FIGMA e aparece um "INSCREVA-SE" ou um "DÊ LIKE" eu me distraio e atrapalha a concentração, tanto que acho que o que vc ta falando do programa é o que aparece escrito, só depois que vejo que é "INSCREVA-SE" rs. Tem como tirar isso não?

  • @debritotrader
    @debritotrader 4 роки тому +8

    Dei dislike pq nao mostrou ond epegou o template

    • @euriam
      @euriam 3 роки тому +1

      realmente faltou a importação do template

  • @joelsonsilva73
    @joelsonsilva73 Рік тому +1

    Não gostei dessa aula!

  • @catorzehyago
    @catorzehyago 9 місяців тому

    entendi nada kkkkk