#figma #userinterface #ui Learn how to create an elastic effect using only Figma. 1. Draw a 1920px line 2. Add 3 center nodes 3. Move the middle node up 4. Select all 3 and set 235px corner radius 5. Add 16px placeholder text 6. Frame both at 600×60px and enable Clip Content...
#figma #userinterface #ui Learn how to create an elastic effect using only Figma.
1. Draw a 1920px line
2. Add 3 center nodes
3. Move the middle node up
4. Select all 3 and set 235px corner radius
5. Add 16px placeholder text
6. Frame both at 600×60px and enable Clip Content
7. Duplicate the frame and move the line across
8. Lower the first text’s opacity
9. Create a component set
10. Connect Variant 1 to 2: While Hovering, Smart Animate, Slow, 1s
11. Add it to your design and test it
#figma #uidesign #userinterface #figmatutorial #website
Grab the Figma link for this design for free on my Instagram @danielsnows Tools: @figma - UI design @midjourney - Image generation @googleflow - Background video animation Typography: KURDIS / Yinmar #ui #userinterface #figma #uidesign #website
Grab the Figma link for this design for free on my Instagram @danielsnows
Tools:
@figma - UI design
@midjourney - Image generation
@googleflow - Background video animation
Typography: KURDIS / Yinmar
#ui #userinterface #figma #uidesign #website
Nessa live eu vou mostrar um jeito fácil e descomplicado de aplicar objetos 3d ao seu projeto de UI design. O DORA é uma ferramenta no-codding que facilita aplicação de objetos 3d em projetos de UI. Na live vamos desbravar juntos essa ferramenta que está sendo tão falado por...
Nessa live eu vou mostrar um jeito fácil e descomplicado de aplicar objetos 3d ao seu projeto de UI design. O DORA é uma ferramenta no-codding que facilita aplicação de objetos 3d em projetos de UI. Na live vamos desbravar juntos essa ferramenta que está sendo tão falado por outros profissionais de UI pelo mundo.
🏴 Preparação pré-live:
Crie uma conta no Figma: https://www.figma.com/
Crie uma conta no Dora: https://www.dora.run/signup
Explore opções de assets em 3D: https://sketchfab.com/
🏴 Minhas Redes Sociais:
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
🏴 Outros vídeos populares:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Nesse tutorial de UI design vamos fazer o Redesign do #instagram para o VISION OS, sistema operacional para o novo óculos de realidade aumentada da Apple, o Apple VisionPRo. Um design moderno repleto de glassmorphism, faz dessa interface do usuário tenha um design moderno....
Nesse tutorial de UI design vamos fazer o Redesign do #instagram para o VISION OS, sistema operacional para o novo óculos de realidade aumentada da Apple, o Apple VisionPRo.
Um design moderno repleto de glassmorphism, faz dessa interface do usuário tenha um design moderno.
Figma tutorial para iniciantes é uma iniciativa para ajudar você, que tá começando agora na carreira de UI designer.
=================
Minhas redes Sociais
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
=================
Outros vídeos populares
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Capítulos:
O que é o Vision OS: 00:00
Análise da User Interface do Vision OS: 00:29
Início do design: 01:32
Atributos para base da interface: 01:46
Criando a sidebar: 02:10
Criando a feed section: 05:11
Mostrando o resultado: 04:27
Considerações finais: 04:58
Ending: 05:07
#Figma #tutorialparanovatos #tutorialdefigma #applevisionpro #figmadesign #userinterfacedesign #uidesign
Pedi para o #chatgpt me dar criar o conteúdo, Pedi para o #midjourney gerar as imagens que iria utilizar no projeto, Pedi ao #photoshop para dar um upscaling nas imagens que gerei e remover o fundo, Todo resto foi feito no #figma Comenta o que vocês acharam 😊 Minhas Redes...
Pedi para o #chatgpt me dar criar o conteúdo,
Pedi para o #midjourney gerar as imagens que iria utilizar no projeto,
Pedi ao #photoshop para dar um upscaling nas imagens que gerei e remover o fundo,
Todo resto foi feito no #figma
Comenta o que vocês acharam 😊
Minhas Redes Sociais:
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
Esse é um vídeo extraído da live que fizemos no dia 05 de Maio. Veja a Live completa aqui: https://www.youtube.com/watch?v=H1ZGub33uAs Siga-me nas Redes Sociais: ✅Instagram: https://www.instagram.com/danielsnows/ ✅Dribbble: https://dribbble.com/danielsnows ✅LinkedIn:...
Esse é um vídeo extraído da live que fizemos no dia 05 de Maio.
Veja a Live completa aqui: https://www.youtube.com/watch?v=H1ZGub33uAs
Siga-me nas Redes Sociais:
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
➡️𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜́𝗗𝗘𝗢𝗦 𝗣𝗢𝗣𝗨𝗟𝗔𝗥𝗘𝗦:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
ICONSAX (Biblioteca de ícones): https://iconsax.io/ (selecione a opção Figma) Tá afim de deixar seu talento no design visual em alta? Então cola com a gente nessa live irada, porque vou te ensinar todos os macetes e truques pra criar interfaces sensacionais. O Figma vai ser...
ICONSAX (Biblioteca de ícones): https://iconsax.io/ (selecione a opção Figma)
Tá afim de deixar seu talento no design visual em alta? Então cola com a gente nessa live irada, porque vou te ensinar todos os macetes e truques pra criar interfaces sensacionais. O Figma vai ser nosso parceiro nessa jornada e a gente vai desvendar todos os segredos dessa ferramenta massa!
Sabe aquele app ou site que você sempre quis criar, mas não fazia ideia por onde começar? Chegou a sua hora! Vou mostrar passo a passo como botar as ideias pra funcionar, desde a concepção da ideia até o design em alta-fidelidade. É tudo na prática, sem papo furado!
Ah, e se liga: a live é totalmente interativa, então fica à vontade pra mandar suas perguntas e dúvidas no chat. Vamos responder tudinho e fazer desse momento uma verdadeira troca de ideias entre a comunidade.
Vai ser no próximo sábado, dia 20 de maio, às 17h. Se inscreve, ativa o sininho e bora dominar o mundo do UI design com Figma! Te espero lá. Não vai perder, hein!
Me encontre nas redes sociais
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
➡️𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜́𝗗𝗘𝗢𝗦 𝗣𝗢𝗣𝗨𝗟𝗔𝗥𝗘𝗦:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Olá! Na live de hoje vamos vocês definirão um briefing e criaremos uma interface com base nesse tema ao vivo. Síga-me nas redes sociais: ✅Instagram: https://www.instagram.com/danielsnows/ ✅Dribbble: https://dribbble.com/danielsnows ✅LinkedIn:...
Olá!
Na live de hoje vamos vocês definirão um briefing e criaremos uma interface com base nesse tema ao vivo.
Síga-me nas redes sociais:
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
Outros Vídeos Populares:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Olá pessoal! No Próximo sábado às 15h, vamos trocar uma ideia sobre como integrar as principais ferramentas de inteligências artificiais mais com o #Figma. ➡️Siga-me nas redes sociais: ✅Instagram: https://www.instagram.com/danielsnows/ ✅Dribbble:...
Olá pessoal!
No Próximo sábado às 15h, vamos trocar uma ideia sobre como integrar as principais ferramentas de inteligências artificiais mais com o #Figma.
➡️Siga-me nas redes sociais:
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
➡️𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜́𝗗𝗘𝗢𝗦 𝗣𝗢𝗣𝗨𝗟𝗔𝗥𝗘𝗦:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Uma ideia que estava guardada há bastante tempo na minha mente. "Lynx" é uma #Photomanipalation criada com #Photoshop. ✅Instagram: https://www.instagram.com/danielsnows/ ✅Dribbble: https://dribbble.com/danielsnows ✅LinkedIn: https://www.linkedin.com/in/danielsnows/...
Uma ideia que estava guardada há bastante tempo na minha mente.
"Lynx" é uma #Photomanipalation criada com #Photoshop.
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
➡️𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜́𝗗𝗘𝗢𝗦 𝗣𝗢𝗣𝗨𝗟𝗔𝗥𝗘𝗦:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Nessa semana decidi usar meu um tempinho que sobrou para tirar da cabeça uma ideia que estava lá ha muito tempo. Eu amo fazer esse tipo de projeto no #Photoshop, me faz lembrar das minhas raízes como designer. Foi daqui que tudo começou! ✅Instagram:...
Nessa semana decidi usar meu um tempinho que sobrou para tirar da cabeça uma ideia que estava lá ha muito tempo.
Eu amo fazer esse tipo de projeto no #Photoshop, me faz lembrar das minhas raízes como designer. Foi daqui que tudo começou!
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
➡️𝗢𝗨𝗧𝗥𝗢𝗦 𝗩𝗜́𝗗𝗘𝗢𝗦 𝗣𝗢𝗣𝗨𝗟𝗔𝗥𝗘𝗦:
✅NINTENDO SWITCH - CSS3
https://www.youtube.com/watch?v=6oRr-fvv5z4
✅ CONTROLE SUPERNINTENDO FEITO COM CSS3
https://www.youtube.com/watch?v=K13e8OmAvE0
✅Itachi LinkedIn - UI Concept
https://www.youtube.com/watch?v=kxNgW_F7H_w
✅ CARDS ISOMÉTRICOS FEITO EM CSS3
https://www.youtube.com/watch?v=YqHSUueLucY
✅Limitless - Ui Concept
https://www.youtube.com/watch?v=6i5Za5ys_Zo
Esse é um projeto um pouco antigo, feito no final de 2019. Foi um aprendizado imenso criar esse projeto, pois foi aqui que comecei a apresentar meus projetos com microinterações. Ferramentas: AdobeXD ✅Instagram: https://www.instagram.com/danielsnows/ ✅Dribbble:...
Esse é um projeto um pouco antigo, feito no final de 2019.
Foi um aprendizado imenso criar esse projeto, pois foi aqui que comecei a apresentar meus projetos com microinterações.
Ferramentas:
AdobeXD
✅Instagram: https://www.instagram.com/danielsnows/
✅Dribbble: https://dribbble.com/danielsnows
✅LinkedIn: https://www.linkedin.com/in/danielsnows/
✅Portfólio: http://danielsnows.com.br
✅Facebook: https://www.facebook.com/danielsnows
✅Codepen: https://codepen.io/daniel-snows/
