Novas Variáveis no Figma (Sombra, Borda, Grids)
FEUX®- AI & DESIGN
0:00 / 0:00
Novas Variáveis no Figma (Sombra, Borda, Grids)
5 448 просмотров · 2 г. назад
FEUX®- AI & DESIGN
39,7 тыс. подписчиков
5 448 просмотров · 2 г. назад
O Figma acaba de liberar o primeiro update nas Variáveis!
Conheça o meu Curso de Figma PRO com foco em Design System!
https://cursodefigma.pro
Após a atualização que permitiu ajustar a curvatura de cantos individualmente, agora podemos definir uma variável para cada canto! Além disso, também podemos adicionar variáveis nos valores de Sombras, Espessura do traço e até a Opacidade da Layer!
O Layout Grid também entrou nessa! Elementos como a quantidade de linhas e colunas, largura, margem, deslocamento e espaçamento agora também podem estar atrelados a variáveis.
E agora, você também pode conectar as variáveis de "String" às propriedades de Variantes "Nestadas", não se limitando apenas às instâncias pai.
Acho que só faltam as propriedades de texto para fechar com "chave de ouro" esse ano! Curtiram? Comenta & compartilha com sua rede também!
Capítulos
00:00 - Introdução aos updates e novidades sobre variáveis
03:11 - Adicionando variável de borda e segmentação por modos
04:01 - Adicionando variáveis de borda por canto
04:34 - Explicação do layout Grid, definição de número de colunas e ajuste de margens
05:07 - Utilização do layout Grid para smartphone e modo desktop, simplificando o processo de criação
06:36 - Possibilidade de incorporar efeitos nas variáveis de valores, como sombra
07:56 - Customização da sombra com variáveis de cor e opacidade para diferentes dispositivos
08:48 - Introdução às variáveis de sombra
09:23 - Flexibilidade do design responsivo
10:00 - Controle de opacidade em elementos
11:08 - Anexando variantes de botão em componentes
12:25 - Novos updates nas variáveis de números
13:01 - Expansão das possibilidades de uso das variáveis no Figma
#figma #figmadesign #variables #designsystem #update