- 8
- 13 553
UX Tips
Brazil
Приєднався 17 сер 2019
A channel of UX, UI, Figma and Design System.
Como fazer variants no Figma | Dicas UX 🍍
Um tutorial para você aprender a criar variantes no Figma.
E veja também como criar interações de uma variante para outra no protótipo.
🔗 Links comentados no vídeo 🔗
Tutorial de auto-layout do Figma
ua-cam.com/video/ITrS5VUqo08/v-deo.html
Playground Welcome to Variants do pessoal do Figma
www.figma.com/community/file/903303571898472063/Figma-Variants-Playground
One Figma component - 3,360 Variants
uxdesign.cc/one-variant-to-rule-them-all-92e685bae918
---
Quer mais vídeos como esse? Escreva nos comentários o que você gostaria de ver aqui.
Confira também outros conteúdos de UX, Figma e usabilidade no www.dicasux.com.br/ - conteúdo 100% gratuito para você expandir seu conhecimento em experiência do usuário.
E veja também como criar interações de uma variante para outra no protótipo.
🔗 Links comentados no vídeo 🔗
Tutorial de auto-layout do Figma
ua-cam.com/video/ITrS5VUqo08/v-deo.html
Playground Welcome to Variants do pessoal do Figma
www.figma.com/community/file/903303571898472063/Figma-Variants-Playground
One Figma component - 3,360 Variants
uxdesign.cc/one-variant-to-rule-them-all-92e685bae918
---
Quer mais vídeos como esse? Escreva nos comentários o que você gostaria de ver aqui.
Confira também outros conteúdos de UX, Figma e usabilidade no www.dicasux.com.br/ - conteúdo 100% gratuito para você expandir seu conhecimento em experiência do usuário.
Переглядів: 6 232
Відео
5 dicas de plugins realmente úteis para o Figma | Dicas UX 🍍 #drops
Переглядів 4663 роки тому
Cansei de listas infinitas de plugins do Figma que nem são testados de verdade. Confira os que uso no meu dia-a-dia como UX Designer. Veja agora o post completo e comente aqui o que faltou nessa lista! www.dicasux.com.br/figma/5-dicas-de-plugins-realmente-uteis-para-o-figma/ Confira também outros conteúdos de UX, Figma e usabilidade no www.dicasux.com.br/ - conteúdo 100% gratuito para você expa...
UX Writing - Lenka Rejfířová | #carreiraUX
Переглядів 6193 роки тому
O que faz um(a) UX Designer focada em UX Writing? Confira a entrevista com Lenka Rejfířová, onde ela conta como migrou de área, suas experiências como UX Writer e como foi sua trajetória. Veja também alguns conselhos e dicas de ferramentas de UX que ela utiliza no dia a dia. LinkedIn da Lenka: www.linkedin.com/in/lenka-ux-writer/ Atualização mar/21: Entre a gravação e a publicação deste vídeo, ...
UX Research - Andréa Minichelli | #carreiraUX
Переглядів 1813 роки тому
O que faz um(a) UX Designer focada em UX Research ou pesquisa de usuário? Confira a entrevista com Andréa Minichelli, onde ela conta como migrou de área, suas experiências como pesquisadora e como foi sua trajetória. Veja também alguns conselhos e dicas de ferramentas de UX que ela utiliza no dia a dia. LinkedIn da Andréa: www.linkedin.com/in/andreaminichelli/ Hotjar, ferramenta para monitorame...
5 atalhos do Figma para você ser mais produtivo | Dicas UX 🍍 #drops
Переглядів 1,5 тис.4 роки тому
Confira esses atalhos da ferramenta de UX Figma e economize tempo no seu dia a dia! Veja agora o post completo e comente aqui o que faltou nessa lista! www.dicasux.com.br/figma/5-atalhos-figma-para-ser-mais-produtivo/ Confira também outros conteúdos de UX, Figma e usabilidade no www.dicasux.com.br/ - conteúdo 100% gratuito para você expandir seu conhecimento em experiência do usuário.
Interfaces conversacionais e VUI - Patrícia Alcântara | #carreiraUX
Переглядів 1084 роки тому
O que faz um(a) UX Designer focada em interfaces conversacionais? Confira a entrevista com Patrícia Alcântara, onde ela conta como começou na carreira de UX, suas experiências na área e como foi sua trajetória. Veja também algumas dicas de ferramentas de UX que ela utiliza no dia a dia. LinkedIn da Paty: www.linkedin.com/in/patricia-alcantara/ Quer mais vídeos como esse? Escreva nos comentários...
O que toda pessoa de UX Design deveria saber | Dicas UX 🍍 #drops
Переглядів 1764 роки тому
Confira o post completo e comente aqui o que faltou nessa lista! www.dicasux.com.br/ux/o-que-todo-ux-designer-deve-saber/ Toda engenheira precisa saber matemática? Todo arquiteto precisa saber ambientação? Toda jogadora de futebol precisa saber chutar a bola? E o que o(a) profissional de UX Design precisa saber? Conhecer Design Thinking? Excel? Figma?
Figma tutorial: Auto Layout no Figma | Dicas UX 🍍
Переглядів 4,2 тис.4 роки тому
Um tutorial no Figma para te ajudar a fazer botões ou layout com mais velocidade e de forma mais fácil. Aprenda como ganhar velocidade no Figma usando o Auto Layout. Arquivo Figma feito no vídeo: www.figma.com/file/hKarDhulxBOcvp8S25s5lG/Dicas-UX-🍍-Auto-layout?node-id=0:1 Recomendo também o post sobre o Auto Layout da própria galera do Figma: www.figma.com/blog/announcing-auto-layout/ Quer mais...
Muito Obrigado pela aula, me ajudou muito
Nossa muito bom parabéns. Você tem algum curso do figma?
Valeu Dudda! Meu nao tenho, mas indico da Alura. Por trabalhar lá e por saber que o conteúdo é muito bom!
Muito bom o conteúdo, só ache muito rápido de mais
Vou melhorar
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.
Sim! Descobri recentemente que dá sim.
Amei sua explicação! Muito obrigada
Disponha!
show!
É 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?
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!
Gostei muito! Parabéns!!!
No meu prototype, não aparece a opção "change to", o que eu faço?
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.
Muito bom! Tem como deixar o frame com o auto layout responsivo?
Tem um plugin que ajuda! Não lembro de cabeça o nome mas galera tava usando ele!
me ajudou muito! obrigada pelas dicas :)
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 =)
Muito foda mano, parabéns!!! Mais um inscrito. Não pare, por favor :)
No meu não funciona porque preciso ser beta :( mandei o pedido
Em geral eles liberam rápido. Fica de olho que eventualmente eles te colocam como beta :)
Me salvou muitíssimo, obrigada!!!
curti muito a dica, sério mesmo obrigado
Mais avançado do que preciso, mas já to inscrita pra voltar :D
Valeu Iara!!! :))
Parabéns conteúdo muito bem explicado sem enrolação ! ! !
A partir do minuto 24 Dicas UX.
Opa é o Hotjar, link pra cadastrar e ajudar a gente por lá é esse: www.hotjar.com/r/r568c7c
Quais são as ferramentas que foram citadas. Poderia passar os links aqui?
Oi Renato. Em qual minuto do vídeo exatamente? :)
Finalmente alguém fazendo um tutorial, nada de speed XD Valew!
Conteúdo top 👏👏👏
Vídeo muito bem explicado. Obrigado pela ajuda!
Eu que agradeço Uinder! Compartilha com a galera! :D
A Paty bem eu😊 ...super pra cima, a entrevista saiu fora do controle, muito bom isso, ela deveria ter um canal🤣 o que acha amigo?
Verdade 😅
Parabéns
Que legal Lenka Rejfířová , parabéns pela convidada.
Muito obrigado pelo vídeo, ajudou bastante. Parabéns
Que bom que ajudou! :)
Muito bom ver alguém explicando variantes sem pressa, parabéns!!!
Valeu pelas dicas Natan. Vou praticar!!!
Pratica mesmo Fernando! Ferramenta é só um meio, mas a gente ficar bom nela ajuda no dia a dia. Abração! :)
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!
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!
@@DicasUX muito obrigado! mistério resolvido :D
@@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!
@@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
@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 :)
Ainda quero saber porque você não acredita no pixel perfect :)
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! :)
muito boa dica, vou testar depois
Deu certo? :)
Muito bom, estou começando e já gostei bastante do seu vídeo.
Valeu Guilherme!! Semana que vem sobe mais uma entrevista com uma profissional da área!
Cara obrigado pelo video bem facil e didatico, to migrando do Xd para o Figma e realmete videos como esse ajudam muito, ganhou um seguidor e vou la ver o resto. Abs
Valeu meu caro! Farei mais vídeos estilo esse num futuro próximo! :)
Boa classe, conteúdo organizado. Prático, rápido e interativo. Tom de voz adequado. Poderia apenas ter falado um pouco mais da ferramenta no início, ou indicar um link na descrição para um vídeo no qual faz isso. Desejo grande sucesso ao canal.
Vou gravar um com o update que rolou :)
quando comando shift+A no frame, as opções que aparecem no autolayout são diferente. não consigo ver essa opção "horizontal", por exemplo. =\
O figma deu uma atualizada boa há umas semanas. Vou gravar um vídeo mostrando tudo. :)
Como faço o atalho ctrl+[ para mandar objeto para o fundo nos teclados europeus?
Ishi Rafael vou ficar te devendo essa. Aqui em casa é tudo o pt-br com cedilha, foi mal!
Interessante esse área. Nunca tinha pensado naqueles "ramais" telefônicos como uma interface e também não havia vislumbrado a união da área de dados e inteligência artificial com a área de UX.
É uma forma de interface também. Tudo impacta na UX, é formidável isso tudo!
Muito bom Natan! Pelo que percebi aqui nos comentários, o vídeo ajudou tanto quem já é mais experiente, quanto quem está começando, como eu. Excelente didática!!
Valeu, Jader! Ideia é fazer mais vídeos assim no futuro pra ajudar todo mundo. :)
e não esquece de se inscrever no canal pra dar uma força pra gente! :D
Essa dica de ocultar o ícone, salvou minha vida. Muito obrigado Natan, e continue o bom trabalho. 🖖🏽
Valeu Bruno! Essa me salvou um tempo também!
e não esquece de se inscrever no canal pra dar uma força pra gente! :D
Muito bom, a dica de colocar os componentes dentro de frames nem imaginava que funcionava assim, parabéns!
Há uns meses eu fazia uma bela gambiarra: colocava todos os icones em um componente, e deixava todos menos um escondidos 😁 Vi uma talk uma vez e assim como mostro no vídeo é mais eficiente. Valeu Saimon!
e não esquece de se inscrever no canal pra dar uma força pra gente! :D
ótimo vídeo
Obrigado Kahuê! Próximas semanas sairá outro, ainda não fechei o tema!
e não esquece de se inscrever no canal pra dar uma força pra gente! :D
Aguardando mais vídeos de Figma ou um curso completo porque não 😅.
Marcos Borges valeu Marcão! Tentar postar mais vídeos de Figma e de UX tbm.
Muito bom! Continue postando vídeos assim! Gostaria de entender um pouco mais sobre componentes, frames, constrains... não sei se você irá falar sobre. Mas seria interessante!
Farei um vídeo no futuro focado em componentes. Valeu Renata! :)
Muito bacana, esses atalhos facilitam demais o workflow. Sua didática é excelente. Muito sucesso pro canal. Parabéns
Brigadao Felipe!!! :)