Eu mostro passo a passo como usar máscaras no Figma para controlar imagens dentro de textos e shapes. Ensino a diferença entre imagens PNG (sem fundo) e JPG, a importância da ordem dos elementos, como inserir um shape dentro da máscara para ter controle de cor e composição, e como aplicar stroke, sombras e transparência (canal alfa) sem perder a flexibilidade. Também explico como preparar máscaras para animações e componentização, e dou exemplos reais do meu projeto para você replicar. Depois eu explico os booleans: union (união), subtract (subtração), intersect (interseção) e exclude (exclusão), mostrando quando usar cada um, vantagens e limitações — por exemplo, que booleans agrupam formas como um único item e limitam controles individuais. Falo também sobre o Flatten, que "achata" o objeto transformando em vetor final (uso recomendado só para exportação). Ao final, deixo o arquivo do projeto para você praticar e testar os animates. Termos técnicos explicados: - Máscara: área que faz o recorte visual, mostrando apenas o que está dentro dela. - Booleans (bolens): operações entre shapes que criam uniões, cortes ou interseções entre formas. - Union (união): junta formas em um único shape. - Subtract (subtração): remove a área de uma forma com base em outra. - Intersect (interseção): mantém só a área comum entre formas. - Exclude (exclusão): remove a área comum, deixando as partes externas. - Flatten: converte o boolean em um vetor final, perdendo a capacidade de edição das formas originais. - Stroke: contorno do shape. - Canal alfa (opacidade): transparência que pode afetar sombras e sobreposições dentro da máscara.