Efectos en Figma

Para agregar el frame (Alt + Ctrl + G)

![](

Efectos en figma

Cuando nos hablamos de los efectos dentro de las capas de figma, hacemos
referencia a la visibilidad de las capas y los objetos que ya tenemos.
Algunos efectos muy comunes son las sombras y el desenfoque, y hay maneras
muy creativas de crear y combinar estos efectos para lograr interacciones
mucho mas interesantes.

Creando Efecto

• Selecciona elemento
• Panel de propiedades
  • Efects
    • Inner Shadow
    • Drop Shadow
    • Layer Blur
    • Backgroud Blur

Crearemos una imagen tipo polaroid, para lo cual debemos tener:

• Un rectangulo con relleno blanco
• Otro rectangulo con la imagen
• Una sombra aplicada
• Todo lo anterior sobre el frame de la nota que ya hemos avanzado en las
  clases pasadas

Asi va mi frame:

Añadiendo funciones

Para los hemos trabajado com Adobe, esta herramienta me parece un complemento genial y muy practica.

• MI AVANCE HASTA AHORA, WUUH!!!
• Por cierto el comando para agregar el frame es: ctrl+alt+g.
  
  

Dejo mi aporte hasta ahora!

Para transformar la foto desde Windows es arrastrando desde el borde de la misma y presionando la tecla Alt

Saludos! 🤗✌🏼
Asi va mi frame:

![](

Información resumida de esta clase
#EstudiantesDePlatzi

• Los efectos son las propiedades que afectan a la visibilidad de nuestros objetos

• Dentro de los efectos podemos encontrar las sombras y le desenfoque

• Para crear un grupo puedo usar Ctrl + g, con esto uno todos los objetos seleccionados en un mismo, los agrupo

• Es recomendable en vez de agrupar, crear un Frame nuevo con Ctrl + Alt + G

Comparto mi avance

–> Figma Cheat Sheet <–

No logré agregar como frame, los comandos no me sirven y los de los comentarios tampoco, así que los agrupé (busqué algún tutorial pero tampoco encontré)

Efectos en Figma

• Selecciona elemento
• Panel de propiedades
  • Effects
    • Inner Shadow
    • Drop Shadow
    • Layer Blur
    • Background Blur

Debe contener:

• Un rectángulo con relleno blanco.
• Otro rectángulo con imagen.
• Una sombra aplicada.
• Todo sobre la nota que ya creamos en los ejercicios pasados.

PASOS:

ME ESTA GUSTANDO MUCHO ESTE CURSO

Así quedó mi clase de Efectos en Figma

Estar en constante aprendizaje mantiene nuestra mente activa.

Me encontre con esta herramienta open source inspirado en figma.
https://penpot.app/

Excelente curso, aunque a veces es un poco confuso lo de los comandos porque no siempre agarran en Windows.

¡Wow! Súper tip el de crear un frame alrededor de esos objetos.

![](

😃

Alli vamos aprendiendo figma. Gracias al Prof. y platzi

Mi trabajo 😃

Así vamos

Así va el mío hasta ahorita. En el proceso incluso he tenido que buscar tutoriales de cómo hacer Mock-Ups en Photoshop y qué lío, pero usé canva. Seguiré practicando, porque sé que saber hacer mock-ups es parte del oficio.

¡Me está gustando mucho este curso! Santiago es muy buen profesor! y se parece un poquito a al actor Avan Jogia, no les parece?

Cada vez me gusta más Figma💖

• Efectos en Figma

  Cuando hablamos de efectos dentro de las capas de Figma, hacemos referencia a la visibilidad de las capas y los objetos que ya tenemos.

  Creando Efecto

  • Selecciona elemento
  • Panel de propiedades
    • Efects
      • Inner Shadow
      • Drop Shadow
      • Layer Blur
      • Backgroud Blur

  Creamos una imagen tipo polaroid, para lo cual debemos tener:

  • Un rectángulo con relleno blanco
  • Otro rectángulo con la imagen
  • Una sombra aplicada
  • Todo lo anterior sobre el frame de la nota que ya hemos avanzado en las clases pasadas

Pininos en Figma ❤️

![](

So far so good. Aplicando poco a poco lo visto al momento.

Yuju!!

Así vamos…

Buena clase! … Va muy bien el curso

Me gusta este curso, dejo mi aporte hasta esta clase.

excelente clase

bueno no se como exportar como imagen o como visualización ggg, bueno estoy aprendiendo es algo nuevo …

Asi vamos, lo bueno es que es muy parecido a xd y al ser de adobe muchas cosas son iguales que in design, illustrator entre otros.

Con shift +Alt pueden alejar o aumentar el rectángulo de la imagen. En Windows.

Un pequeño intento 😃