Herramientas avanzadas

¡Pequeño aporte! 😃
Para importar imágenes tambien se puede arrastrar desde nuestro administrador de archivos y soltar en Adobe XD.
.
Nota: Hacer una mascara en Adobe XD es mucho mas fácil que hacerla en Figma. No quiero decir que hacerla sea complicado, solo que aquí es mucho mas practico.

Tip: incluso cuando ya se obtiene la imagen con la máscara deseada, & deseas cambiarla, Solo arrastras la imagen a tu figura y automáticamente se agrega a tu máscara de recorte.
Esto evita que trabajes doble.

Tip:

Las imagenes tambien las puedes copiar desde internet y pegar directamente en Adobe XD desde

Que tal… buen les comparto el avance de mi proyecto. Gustoso de recibir vuestro Feedback…! Saludos 😀

amigos miren mi practica una app para chicas

Comparto mi pequeño avance 😄

Yo pensando 🙄 como llevar todo esto a CSS y en esta clase si me superó!🥴🥴
P.D. La única que se me ocurre es crear el archivo de la máscara, o la forma creada, en un archivo independiente.

Este es sólo un ejemplo de cómo podemos usar las formas libres como máscaras de recorte

Las últimas 2 herramientas de creación de forma son más bien: Se mantienen las áreas que se solapan entre ambas formas y Se mantienen las áreas que no se solapan entre ambas formas

Por si alguien quedó confundido, la última no junta las formas y deja los bordes, parece que deja los bordes pero en realidad hay un hoyo en medio de esa forma.

Recortar imágenes en ancho, alto o ambos.

Cómo importar imágenes al artboard

Creación de formas (Fusionar, Restas, Diferencia y Suma)

Relación de componentes - Alineación

Creación de formas irregulares - Herramienta de Pluma

Cómo crear máscaras de imágenes con formas.

En las últimas versiones de Adobe XD no sale esta opción

Muy buena explicación , Que buena clase

Pienso que para hacer mascaras personalizadas quizás podrías utilizar una librería de SVG y así ganar tiempo en el diseño…este programa en conjunto con adobe photoshop e illustrator, puede ser muy poderoso ❤️