The Future of Design with [Variables] in Figma: What You Need to Know! Part 1 (Prototypes)
Part 2 aqui: • Desvendando [CONDITIONAL - If/Else] V...
_______USO E RECOMENDO: 🔥🔥🔥_______
🖱️ Mouse [ Ergonomia muito boa!] https://amzn.to/3nEz6ji
✍️ Mesa digitalizadora [Barata e boa!] Melhor preço: https://s.click.aliexpress.com/e/_99nxGj
OU https://amzn.to/2ZewfnS
👨🎨 GOSTARIA DE MELHORAR SUAS TÉCNICAS NO PHOTOSHOP?
CURSO Ilustração realista com foco no marketing do produto.
https://flambdesign.com/curso/
📚Sugestão de LIVROS PARA MEHLORAR SEU DESEMPENHO PROFISSIONAL📚:
📕 https://amzn.to/3HJwPLK Leitura fácil, boa narrativa e dá uma "chacoalhada" na sua procastinação mental. Um dos melhores livros que li.
📙https://amzn.to/3nESPzr Melhore a defesa de seus projetos e até sua apresentação pessoal/profissional.
FREE download 🤩🎁⬇️ (mockup e protótipos):
https://www.figma.com/@flambdesign
Apoie nosso canal 😊 👍
--------------------
⬇️ ⏱️ #figma #uiux #designer
00:00 O que são Variables? Design token
00:28 O que muda pra mim
01:11 Variables na prática. Tutorial
03:09 Adicionado Variables no botão
04:20 Adicionando um Bolean Variable
07:38 Comparativo
_______
💻 https://www.FLAMBdesign.com
💼 Linkedin: / cordeiroflavio
📷 Instagram: / flambdesign
🕹Artstation: https://www.artstation.com/flambdesign
👨🎨Behance: https://www.behance.net/flaviocordeiro
_____________
Desvendando as Variables no Figma: Como elas revolucionam seus protótipos
No vídeo, apresento uma nova funcionalidade do Figma chamada "Design Token" ou "Variáveis/variables", que permite fazer microdecisões e alterações em elementos ou componentes de forma mais simples e organizada. Essas variáveis substituem as antigas variantes, tornando o processo de prototipagem mais eficiente.
Explico que as variáveis são informações específicas, como contornos e cores, que podem ser atribuídas aos elementos. Por exemplo, ao passar o mouse sobre um elemento, ele recebe um contorno azul, que é uma microdecisão e é representada por uma variável. Essa abordagem traz a lógica de programação para a criação de protótipos, permitindo que designers e desenvolvedores se comuniquem de maneira mais eficiente.
Mostro um exemplo prático em que antes era necessário criar várias variantes e fazer gambiarras para obter o resultado desejado. Agora, com as variáveis/variables, demonstro como é mais simples e fácil alcançar o mesmo resultado. Crio uma interação em que, ao clicar em um botão de adicionar ao carrinho, a contagem no carrinho é atualizada automaticamente. Também adiciono uma notificação que mostra o número de itens no carrinho.
Ressalto que as variáveis/ variables não apenas facilitam a prototipagem de interfaces, mas também tornam o processo mais profissional e próximo da realidade. Anteriormente, seria necessário criar várias variantes e duplicar componentes, tornando o processo mais complexo e propenso a erros. Agora, com as variáveis, é possível criar protótipos mais profissionais e precisos de seus aplicativos, lading pages e sites.
Encorajo os espectadores a experimentarem as variáveis no Figma e compartilharem suas experiências nos comentários. Também sugiro que deixem sugestões de quais tipos de protótipos ou exemplos desejam ver no futuro, para que eu possa continuar explorando esse recurso nas próximas edições
Quer sugerir um tema sobre o Figma? É só deixar nos comentários.
A ideia do canal é fortalecer a comunidade de criativos, seja: designer, UI/UX designer, Product designer, deisgner gráfico, publicitários, etc.
_____
Quem sou eu:
Flavio Cordeiro, designer entusiasta com mais de 9 anos de experiência profissional.
Já trabalhei em agências de publicidade, escritórios de design e departamentos de marketing. Fui líder de equipe de designers numa empresa global americana. Já trabalhei e fiz projetos para fora do país.
Tive a oportunidade de trabalhar em vários ramos do design. Photoshop é minha ferramenta favorita.
Atualmente estou migrando para o UI/UX design, mas também estudo sobre o mundo 3D. No final eu tento juntar tudo e criar uma solução.
Objetivo do canal:
Ao longo da minha jornada como designer, passei por várias fases e desafios criativos em diferentes ambientes: agências de publicidade, escritórios de design, departamento de marketing e startup.
Cada um desses ambientes criativos tem suas particularidades, prioridades e necessidades. Para isso, tive que estudar muitas ferramentas: Photoshop, Illustrator, After Effects, Abobe XD, Figma, Blender 3D, Zbrush, Substance Painter e muito mais.
Esta experiência profissional me fez criar maneiras efetivas de resolver problemas criativos. A FLAMB design nasceu de tudo aquilo que aprendi.Essas que gostaria de compartilhar com você.
Espero que minhas soluções criativas sejam úteis para sua vida profissional, ou para ajudar na sua criatividade.
____
Watch video The Future of Design with [Variables] in Figma: What You Need to Know! Part 1 (Prototypes) online without registration, duration hours minute second in high quality. This video was added by user Flamb Design 04 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 84 once and liked it 9 people.