Перейти к содержимому

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