Andrey Knabbenn
Andrey Knabbenn
  • 12
  • 41 148
como usar o FIGMA: aulão gratuito do absoluto zero para iniciantes [2024] 🎉
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS
👉www.intuitivepixel.com.br/
🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn
-----------------------------------------------------------------------------
Capítulos:
00:00 O que iremos aprender
1:10 Como baixar o Figma
2:10 Como conseguir o Figma de graça
4:25 Acessando pela primeira vez
6:10 Figma community
7:15 Criando nosso primeiro arquivo
7:40 Apresentando as ferramentas e painéis
18:50 Criando uma tela e apresentando funções
27:35 Auto layout básico
28:03 Grid e estrutura
30:50 Recriando tipografia e auto layout
34:55 Responsividade e Constraints
38:50 Recriando imagens e Plugin Unsplash
43:13 Criando protótipo interativo
46:30 Consideração final
มุมมอง: 680

วีดีโอ

minha sincera opinião sobre: designer precisa saber programar?
มุมมอง 172หลายเดือนก่อน
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS 👉www.intuitivepixel.com.br/ 🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn Ferramenta mencionada: www.codecademy.com/
guia definitivo para iniciar em UI & UX + roadmap 🎁
มุมมอง 2.1Kหลายเดือนก่อน
👉 SOBRE OS LINKS MENCIONADOS No vídeo, eu comentei que iria colocar todos os links na descrição, mas após publicar o vídeo pensei melhor e reuni todos eles extras em um arquivo no Notion que você pode acessar gratuitamente abaixo. 🔗 intuitivepixel.notion.site/Roadmap-de-estudos-para-iniciar-sua-carreira-em-UI-UX-Design-13a94e83f9c88066b5afc27f03172c2b?pvs=4 INICIE SUA JORNADA EM DESIGN, SEM SEG...
3 dicas para sua carreira como designer que ninguém te contou
มุมมอง 261หลายเดือนก่อน
INICIE SUA JORNADA EM DESIGN, SEM SEGREDOS 👉www.intuitivepixel.com.br/ 🤝 me siga no Instagram, conteúdo de qualidade e sem enrolação: andreyknabbenn Timestamps: 00:00 Introdução 1:33 Primeira dica 5:45 Segunda dica 7:35 Terceira dica 15:05 Conclusões
6 hacks práticos de Figma para agilizar sua rotina
มุมมอง 4102 หลายเดือนก่อน
6 hacks práticos de Figma que eu com certeza gostaria de ter aprendido a muito tempo atrás, isso agiliza DEMAIS a nossa rotina! Curtiu minha didática? Conheça também o meu curso focado em boas práticas para criação de interfaces MUITO mais bonitas e com uma boa usabilidade, é um curso com nota máxima em avaliação, updates constantes e uma comunidade que não para de crescer! 🎬 www.intuitivepixel...
como criar efeito vidro (glass / acrilic effect) no Figma 🧊
มุมมอง 1252 หลายเดือนก่อน
uopa! bora ver na prática uma técnica MUITO usada para gerar profundidade, transparência e elegância para seus designs, tudo isso diretamente via Figma, passo a passo! Curtiu minha didática? Conheça também o meu curso focado em boas práticas para criação de interfaces MUITO mais bonitas e com uma boa usabilidade, é um curso com nota máxima em avaliação, updates constantes e uma comunidade que n...
5 Erros Comuns de UI e Dicas para Evitá-los
มุมมอง 8882 ปีที่แล้ว
Olá! Neste vídeo eu ensino de maneira prática, como corrigir 5 erros comuns de User Interface que vejo com muita frequência, são eles: 👉 Falta do uso de grid para definir margens laterais nas telas 👉 Uso de ícones inconsistentes 👉 Áreas de toque muito pequenas 👉 Não ter uma cor de ação primária 👉 Melhorar a distinção entre itens selecionados A UI Kit que utilizei no vídeo foi criada por: 👉 muni...
Criando 4 Tipos de Interações / Animações no Figma
มุมมอง 18K3 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo, eu ensino de maneira prática como criar 4 tipos diferentes de interações no Figma, são elas: 👉 Interação de toque e navegação (levar de uma tela para outra) 👉 Interação slider horizontal 👉 Interação de scroll para um elemento na mesma tela 👉 Interação de abrir modal inferior, com transição suave Capítulos 00:00 Introdução / o que eu irei ensin...
Guia Prático para Selecionar Cores que Combinam com a sua Área
มุมมอง 6023 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino uma maneira prática, direta e rápida para criar uma seleção de cores que combinam com as ideias e mensagens que a sua marca, ideia ou produto deseja transmitir. Links & Materiais 👉 Download do Guia em PDF drive.google.com/file/d/1rtk46_hFrpP_22lidVuoU-v7Hxa5QHSd/view?usp=sharing 👉 Extrair tema da imagem via Adobe Color color.adobe.com...
Colocando Animações do LottieFiles no Figma
มุมมอง 3.7K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino como colocar as animações disponíveis no LottieFiles dentro das suas telas no Figma! É tudo bem simples, e eu dividi entre dois métodos: Método 1: ensinando a colocar as animações dentro do Figma por meio do plugin do LottieFiles. Método 2: ensinando a tirar o loop das animações infinitas e importar para o Figma via GIF. Site para rem...
Como Criar Efeito de Vidro no Figma
มุมมอง 12K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Neste vídeo eu ensino sobre como criar o efeito de vidro no Figma, o qual você poderá replicar da forma que quiser. 😀 Siga meu Instagram e fique por dentro de tudo! ► andreyknabbenn 📸Imagem utilizada no vídeo por @pawel_czerwinski no Unsplash.
Mudando Múltiplas Cores ao Mesmo Tempo no Figma
มุมมอง 3.1K4 ปีที่แล้ว
🚀 Meu Ebook: andreyknabbenn.com/ebook? Uma dica bem rápida e prática de como você pode trocar múltiplas cores ao mesmo tempo no figma, ao invés de selecionar manualmente cor a cor, levando bem mais tempo para mudar todas. 😀 Siga meu Instagram e fique por dentro de tudo! ► andreyknabbenn

ความคิดเห็น

  • @EnzoFaleiro-z5n
    @EnzoFaleiro-z5n 16 ชั่วโมงที่ผ่านมา

    Andrey, gostaria de saber se no seu curso tem mais aulas sobre o Figma. Tb estava querendo dicas sobre quais plugins, assets, kits e etc principiantes devem utilizar no Figma. Obrigado

    • @andreyknabbenn
      @andreyknabbenn 10 ชั่วโมงที่ผ่านมา

      Fala mano! Meu curso não tem como foco o Figma como ferramenta, e sim técnicas visuais e de UX para a construção de interfaces (apesar de eu mostrar tudo isso por meio do Figma). Mas se você já está estudando Figma a parte seja por material gratuito ou pago, o meu curso vai ser um baita auxilio pra vc produzir telas boas por meio da ferramenta ;)

  • @Gustavo-Ayres-Lima
    @Gustavo-Ayres-Lima 3 วันที่ผ่านมา

    eu me identifiquei muito com sua historia tbm to vindo da programação pq "é o que da dinheiro " honestamente por entender da parte de front-end não vejo como o desginer pode ter emprego hoje, mas acho que é pq sou desinformado.

  • @brunoalbarado
    @brunoalbarado 3 วันที่ผ่านมา

    Tenho cursos da Udemy de UI DESIGN e UX DESIGN , eu também desistir de programação é tudo abstrato demais pra mim, sou formado em ADS, gosto mais do visual

    • @Dellzinhozs
      @Dellzinhozs 9 ชั่วโมงที่ผ่านมา

      Formado em ADS tbm, sou designer gráfico e prefiro migrar para UX/UI sempre deixei programação de lado, nunca gostei

  • @EnzoFaleiro-z5n
    @EnzoFaleiro-z5n 6 วันที่ผ่านมา

    O cara entrega muito gratuitamente! Muito obrigado! Vou comprar o ebook e o curso agora.

  • @NegOtakuu
    @NegOtakuu 9 วันที่ผ่านมา

    Diferente de vc , eu terminei minha faculdade de ADS kkkk, e mesmo assim não consegui uma vaga na área, e fui fazer frela WordPress consegui alguns trabalhos mas não tive a oportunidade de migrar de carreira . Tive aula de Design na Faculdade e acabei gostando . Estou estudando agora estou na busca pela minha vaga .. Videoo Maravilhoso parabéns .

  • @nicolecosso
    @nicolecosso 15 วันที่ผ่านมา

    Que vídeo MARAVILHOSO! OBRIGADA!!! Ainda estou na dúvida sobre migrar de área, vou conferir os conteúdos gratuitos antes de comprar de fato.

  • @lilianedsgner
    @lilianedsgner 16 วันที่ผ่านมา

    Ajudou muito! Fez total sentido, espero no futuro participar da sua formação.

  • @ezekrenne8957
    @ezekrenne8957 17 วันที่ผ่านมา

    Esse tipo de conteúdo com erros e como resolver ajuda demaisss …obg

  • @trampocarioca
    @trampocarioca 18 วันที่ผ่านมา

    em 40min vc explicou o que na faculdade eu levei 2 meses pra ver

  • @_.cardososilva
    @_.cardososilva 24 วันที่ผ่านมา

    Que aula cara, parabéns pelo conteudo, to querendo começar, e devo optar pelo seu curso, sua didática é muito boa

  • @wiccanomaximoff5695
    @wiccanomaximoff5695 27 วันที่ผ่านมา

    seu curso é ideal pra quem vai comecar do zero?

  • @ezekrenne8957
    @ezekrenne8957 28 วันที่ผ่านมา

    O shift+2 não funcionou atualmente, mas o shift+1 deu certo

  • @ezekrenne8957
    @ezekrenne8957 29 วันที่ผ่านมา

    sou aluno do curso ....é muito bom viu...super recomendo

  • @DomingosAmorim-fx8be
    @DomingosAmorim-fx8be 29 วันที่ผ่านมา

    Otimo vídeo, parabéns, vou olhar os materiais gratuitos e caso va comprar um curso, com certeza sera o seu.

  • @myurirodrigues
    @myurirodrigues หลายเดือนก่อน

    Adorei demais a aula!!!!

  • @giovannasantosdesigner
    @giovannasantosdesigner หลายเดือนก่อน

    Que demaiis eu ameiii 🥹😍 Andrey, como bloquear as réguas?? Tem como?

  • @wllmcst
    @wllmcst หลายเดือนก่อน

    Adorei a explicação! Achei muito pertinente essa ideia de saber o básico de programação como um diferencial para o designer. Não se trata de saber programar um site do zero, mas sim de compreender o que o time de desenvolvimento precisa e como colaborar de forma mais eficiente. Vou procurar estudar mais sobre HTML, CSS e JavaScript! Obrigado pelo conteúdo!

  • @wllmcst
    @wllmcst หลายเดือนก่อน

    Ótimo conteúdo! Foi muito útil entender a diferença entre UI e UX, além de como começar de forma estruturada e sem investir de cara em cursos caros. A dica de explorar qual caminho faz mais sentido, seja pesquisa ou design de telas, foi valiosa. Obrigado por compartilhar sua experiência e os materiais gratuitos! 🙌

  • @luizreis3d
    @luizreis3d หลายเดือนก่อน

    Seja desenvolvedor, seja designer, todos ganham em saber os requisitos de negócios, de sistema e dos usuários, mesmo que de forma não tão aprofundada. É um embasamento muito útil em times de desenvolvimento e afins. Ótima reflexão, Andrey! =]

  • @RenanMayrinckDesign
    @RenanMayrinckDesign หลายเดือนก่อน

    Na minha opinião, designer não precisa saber programar, mas precisa saber lógica de programação. Isso ajuda a conversar com devs em um handoff de um jeito que eles entendam.

  • @analiz30
    @analiz30 หลายเดือนก่อน

    Ótimas dicas, Andrey👏! Estou entrando no mercado e esse tipo de vídeo é muito valioso para eu entender como o mercado funciona e como eu devo agir :)

  • @nicolasangelo2242
    @nicolasangelo2242 หลายเดือนก่อน

    Excelente vídeo! Andrey, você consegue fazer um vídeo sobre essa questão da programação no design? Afinal, o designer precisa saber programar ou não? Acredito que isso pode sanar dúvidas de muitas pessoas que estão iniciando, assim como eu.

    • @andreyknabbenn
      @andreyknabbenn หลายเดือนก่อน

      Opa, acabei de fazer, programado para sair na segunda feira dia 18 ao meio dia ;)

  • @eduardorecife2
    @eduardorecife2 หลายเดือนก่อน

    Muito bom! Voce teria alguma sugestao de ferramentas de inteligencia artificial para ajudar a aprender UI/UX? No dia a dia da profissao, utiliza-se regularmente ferramentas de IA? Obrigado!

  • @guilherme127
    @guilherme127 หลายเดือนก่อน

    cara, minha situação com programação foi a mesma coisa kkkkkkk, até que recebi uma oportunidade como web design e ai vi que a área de design é o que realmente gosto

    • @andreyknabbenn
      @andreyknabbenn หลายเดือนก่อน

      ahahahahha não tem jeito, quem nasce pra ser designer uma hora cai na área

  • @Duoscience
    @Duoscience หลายเดือนก่อน

    TOPZERA! Excelente D+

  • @aryella98
    @aryella98 หลายเดือนก่อน

    É muito bom esse tipo de conteúdo que faz um apanhado pra quem tá migrando pra product design, adorei o vídeo! Acompanho você pelo linkedin e amo suas postagens!

  • @lukizitos
    @lukizitos หลายเดือนก่อน

    fiquei na dúvida porque hoje em dia as pessoas não utilizam tanto o XD

    • @andreyknabbenn
      @andreyknabbenn หลายเดือนก่อน

      Foi descontinuado em 2023, não está mais disponível para download pela Adobe :(

    • @lukizitos
      @lukizitos หลายเดือนก่อน

      @@andreyknabbenn caraca, eu ainda utilizo mas não sabia que descontinuaram

  • @JúniorPreti
    @JúniorPreti หลายเดือนก่อน

    Andrey, muito top seu canal! Te acompanho faz um bom tempo pelo Instagram. Uma dúvida meio boba: qual app tu usa para gravar tela? Ou é software de edição?

    • @andreyknabbenn
      @andreyknabbenn หลายเดือนก่อน

      Falaaa mano, eu uso o OBS para gravar a tela ;)

  • @felipedias-nb9xf
    @felipedias-nb9xf หลายเดือนก่อน

    Queria um alguma dica pra sempre ficar números inteiros kkkk, sempre me dá bastante agonia dos números quebrados

  • @myurirodrigues
    @myurirodrigues หลายเดือนก่อน

    Muito bom o vídeo!

  • @lufucadesign
    @lufucadesign หลายเดือนก่อน

    11:57 Se você fizer um curso de como resolver problemas de Wordpress, eu super compraria! rs Especialmente se tiver a qualidade do Intuitive Pixel 🤪

  • @fernachado
    @fernachado หลายเดือนก่อน

    Concordo demais, Andrey! Todo começo tem suas pelejas, mas são esses desafios que nos preparam para responsabilidades recompensadoras! A vida é uma jornada, é sobre se aventurar na estrada! 🤘

  • @richardrx
    @richardrx หลายเดือนก่อน

    Ótimo vídeo Andrey!!

    • @andreyknabbenn
      @andreyknabbenn หลายเดือนก่อน

      tmjj Richard!!! feliz em te ver por aqui

  • @andreyknabbenn
    @andreyknabbenn หลายเดือนก่อน

    Vagas abertas! Inicie sua jornada comigo em: www.intuitivepixel.com.br/

  • @marielsonmorais6359
    @marielsonmorais6359 หลายเดือนก่อน

    o Alt+L me pegou muito

  • @jaynararocha6828
    @jaynararocha6828 2 หลายเดือนก่อน

    Andrey, que bom ter material seu aqui! Parabéns pela didática tanto aqui quanto no curso, que por sinal é ótimo.

    • @andreyknabbenn
      @andreyknabbenn 2 หลายเดือนก่อน

      OBRIGADOOOO!!! Seja bem vinda <3

  • @vivilaymartins9969
    @vivilaymartins9969 2 หลายเดือนก่อน

    Quando eu crescer quero ser uma designer tão fera como você! Adoro suas dicas, continue. 🖤

    • @andreyknabbenn
      @andreyknabbenn 2 หลายเดือนก่อน

      ahahahaha obrigadooo!

  • @victorspds7855
    @victorspds7855 2 หลายเดือนก่อน

    Muito bom, já acompanha pelo insta

  • @leonardodc340
    @leonardodc340 2 หลายเดือนก่อน

    Valeu amigo!

  • @HevillaTaveira-si4fg
    @HevillaTaveira-si4fg 2 หลายเดือนก่อน

    Muito obrigada! Me ajudou muito!

  • @JeanPierrePolnareff_do_City
    @JeanPierrePolnareff_do_City 3 หลายเดือนก่อน

    ISSO NÃO É UM HOMEM NÃO, É UM PREFEITO!

  • @ObservatoriumDigital
    @ObservatoriumDigital 3 หลายเดือนก่อน

    Ótimo.

  • @AndresJesse
    @AndresJesse 4 หลายเดือนก่อน

    Excelente vídeo, claro e objetivo. Obrigado!

  • @radaranidesouza
    @radaranidesouza 8 หลายเดือนก่อน

    Shoow! Ajudou muito

  • @ezekrenne8957
    @ezekrenne8957 10 หลายเดือนก่อน

    conteúdo excelente...gostei da sua didática..parabéns mano