Como fazer variants no Figma | Dicas UX 🍍

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

КОМЕНТАРІ • 41

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

    Muito Obrigado pela aula, me ajudou muito

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

    Amei sua explicação! Muito obrigada

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

    show!

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

    Gostei muito! Parabéns!!!

  • @137Pena
    @137Pena 3 роки тому

    Valeu pelas dicas Natan. Vou praticar!!!

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

      Pratica mesmo Fernando! Ferramenta é só um meio, mas a gente ficar bom nela ajuda no dia a dia. Abração! :)

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

    Muito bom o conteúdo, só ache muito rápido de mais

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

    Muito obrigado pelo vídeo, ajudou bastante. Parabéns

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

      Que bom que ajudou! :)

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

    Vídeo muito bem explicado. Obrigado pela ajuda!

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

      Eu que agradeço Uinder! Compartilha com a galera! :D

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

    muito boa dica, vou testar depois

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

    Conteúdo top 👏👏👏

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

    Me salvou muitíssimo, obrigada!!!

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

    É possível criar alternância entre botões? Por exemplo uma escolha com 2 alternativas, 1 delas está com o radius button preenchido como padrão, no caso de eu selecionar a outra opção os 2 botões estarão ativos. Como faço para resolver esse problema e alternar em uma alternativa ou outra?

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

      Tiago é possivel sim, mas de cabeça e por texto é complicado explicar. Como faz tempo seu comentário acredito que até o próprio Figma está mais tranquilo para fazer isso!

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

    No meu prototype, não aparece a opção "change to", o que eu faço?

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

      Precisa cadastrar como Beta. Tem um comentário aqui no vídeo que mostra como!
      Leva uns 3 dias para aprovarem e depois é só sucesso.

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

    Mais avançado do que preciso, mas já to inscrita pra voltar :D

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

      Valeu Iara!!! :))

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

    Dá pra deixar uma property da Variant como um select pra escolher algum icone?
    Por exemplo, tenho varios icones pra por nos botoes, queria selecionar pelo variant ao invés de criar cada combinação possivel.

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

      Sim! Descobri recentemente que dá sim.

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

    Parabéns conteúdo muito bem explicado sem enrolação ! ! !

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

    Muito bom ver alguém explicando variantes sem pressa, parabéns!!!

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

    Muito foda mano, parabéns!!! Mais um inscrito. Não pare, por favor :)

  • @TiagoImme
    @TiagoImme 3 роки тому +10

    Natan, duas questões que surgiram aqui:
    1 - fiz exatamente como você, fui seguindo os passos, mas quando tentei puxar a seta do primeiro componente pra segunda variável, ele não conectou na caixa, e sim apenas no texto - é normal?
    2 - aqui pra mim não aparece a opção "Change to" na config. da prototype. Sabe o que pode estar acontecendo?
    obrigado!

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

      Fala Tiago. 1- não é normal. 2- acabei de ver aqui que a feature tá em beta ainda :) help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants abracao!

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

      @@DicasUX muito obrigado! mistério resolvido :D

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

      @@TiagoImme como voce resolveu isso? ta,bém queria usar a função, estou com o mesmo problema. conta pra gente aqui como fazer essa configuração pra que eu possa exeturar esaa animação de variantes também. #please!

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

      @@raphavidad Oi! Aqui na verdade não consegui resolver, apenas esclarecer pq eu não estava conseguindo :/ vimos que o que viabiliza isso é a opção "change to", no "click" (da seção 'interactions', na aba 'prototype'), mas essa opção é beta e só aparece para quem estava inscrito no programa beta do figma. Agora é esperar isso deixar de ser beta e habilitar pra todo mundo haha :D

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

      @Diego de Paula Silva fala Diego! Cara, eu tava nessa linha tbm mas pensei "vou me inscrever no beta, vai que me aceitam kkk" e aceitaram. Outra pessoa aqui do time tentou e tbm deu certo. Sugiro tentar ali pelo link da primeira resposta desse comentário. Aqui agora está funcionando e realmente é uma ótima função, está ajudando bastante nos protótipos :)

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

    Muito obrigado, Natan! Vídeo bastante útil e muito bem explicado, a sua didática é excelente! Por favor, não pare de produzir dicas, estarei por aqui acompanhando. Abraços =)

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

    Finalmente alguém fazendo um tutorial, nada de speed XD Valew!

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

    No meu não funciona porque preciso ser beta :( mandei o pedido

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

      Em geral eles liberam rápido. Fica de olho que eventualmente eles te colocam como beta :)

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

    Ainda quero saber porque você não acredita no pixel perfect :)

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

      Bom assunto para um vídeo 👀 Em resumo: 90% das vezes um protótipo é exatamente isso: *um protótipo* . Não é pra fazer margin toda cagada também, mas enxugar pixel não traz muito valor para a finalidade de prototipar e testar.
      Valeu pelo comentário! :)