[Tutorial] CARDS com AUTO LAYOUT e VARIANTS. Como criar um componente de card no Figma completo

Intro [00:03]
Card[00:20]
Auto Layout [05:21]
Fazendo as variações [08:33]
Conclusão [14:47]

Fala galera,
Hoje vamos ver como criar um Card padrão usando Auto Layout, Variants, usando conceitos de Grid de 8pt, Atomic design e Nested components. Esse vídeo foi atendendo ao pedido da Thalane R que deixou a dica nos comentários. Caso você tenha, também, uma sugestão de vídeo, deixe nos comentários que eu sempre leio e os levo em consideração.

Ficou com alguma dúvida? Deixe ai nos comentários que eu respondo :)

_____________________________________

PLUGINS

Não sabe o que é figma?

_____________________________________

Segue uma lista de atalhos que usei para ajudar:
F - Ferramenta para criar um Frame
R - Criar retângulo
Cmd (ctrl) + alt + G - Criar frame a partir do item selecionado
Alt + V - Alinhar verticalmente
Alt + H - Alinhar horizontalmente
Cmd (ctrl) + R - Renomear camada (layer)
Cmd (ctrl) + Alt + K - Criar componente a partir dos elementos selecionados

______________________________________

#cards #card #styles #Material #MaterialDesign #Design #uxui #ux #ui #uiuxdesign #uxdesign #uidesign #designdeinterfaces #autolayout #figma #motiondesign #interactivecomponents #components #designsystem #DesignGrafico #prototype

[gui.souza]

Muito massa o vídeo, estou aprendendo a usar auto layout e você não tem noção o quanto isso me ajudou!

[miguel.zelaya]

Muito bom o conteúdo do canal!! Ganhou mais um seguidor!

[miguel.zelaya]

vc tem algum Instagram para eu poder seguir?