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

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

КОМЕНТАРІ • 86

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

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

  • @saulononato
    @saulononato Рік тому +31

    Faltou explicar como achar o template utilizado no exemplo.

    • @jotape6864
      @jotape6864 5 місяців тому +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.

  • @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!!!

  • @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.

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

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

  • @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.

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

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

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

    Vídeo muito bom e informativo! brabo.

  • @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.

  • @erickutschinsky78
    @erickutschinsky78 10 місяців тому +4

    @chiefofdesign de onde vc tirou aqueles templates?

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

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

    • @jotape6864
      @jotape6864 5 місяців тому

      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.

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

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

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

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

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

    eu nao entendi como voce colocou esses prototipos ae?

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

    Ele ensina com raiva! hahahahaH

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

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

  • @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 ?

  • @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!

  • @LuizFelipe-gc7bl
    @LuizFelipe-gc7bl 7 днів тому

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

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

    onde tem o template, não achei

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

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

  • @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?

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

    Dei dislike pq nao mostrou ond epegou o template

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

      realmente faltou a importação do template

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

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

  • @vicvascon
    @vicvascon Рік тому +3

    Que incrível, estou apaixonada por esse software

  • @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 2 роки тому

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

  • @andersonbecker9694
    @andersonbecker9694 11 місяців тому +1

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

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

    Começa em !4:20

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

    👏🏽👏🏽👏🏽👏🏽

  • @DanMRochaa
    @DanMRochaa 29 днів тому

    Ajudou muito, obrigada!

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

    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  5 місяців тому

      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.

  • @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!

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

    Onde pego um template

  • @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

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

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

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

    entendi nada kkkkk

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

    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.

  • @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?

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

    como exportar isso como uma animaçã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

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

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

  • @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.

  • @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???

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

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

  • @alanlima2660
    @alanlima2660 11 місяців тому

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

  • @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 👊

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

    but I’m learning the mobile version

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

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

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

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

  • @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?

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

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

  • @webmasterprotech
    @webmasterprotech 11 місяців тому

    No ato, sem enrolação! Show.

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

    Salvo a minha pele, muito obrigado pelas dicas claras.

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

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

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

    top me ajudou muito !!!

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

      Que bom que ajudou João!!!

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

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

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

    explicação impecável

  • @studiolinux
    @studiolinux 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".

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

    Gratidão

  • @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!

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

    Que aula massaaaa!

  • @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

  • @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?

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

    Não gostei dessa aula!

  • @zenirapereira5094
    @zenirapereira5094 21 день тому

    SUPER....Obrigada