Cómo crear un efecto de vidrio esmerilado en Figma
() translation by (you can also view the original English article)
En este consejo breve, aprenderás a crear un efecto de vidrio esmerilado (o cubierto de escarcha) en Figma. Este es un efecto muy popular y en realidad es extremadamente fácil de recrear en Figma (solo un par de pasos), así que ¡vamos a esmerilar!
Vidrio esmerilado en Figma
Aquí hay una versión en video de este consejo breve. Sigue los pasos con nosotros en el canal de Envato Tuts+ en YouTube:
Este es el efecto que buscamos:



1. Empieza con una imagen y un rectángulo
Añade una imagen a tu lienzo, y después dibuja un rectángulo en la parte superior.



Rellena el rectángulo del color que desees (yo elegiré el blanco #ffffff).
2. Añade un efecto
Con tu rectángulo seleccionado, baja su opacidad al 20% y luego añade un efecto en el panel de propiedades que está justo debajo. Haz que el efecto tenga un desenfoque de fondo (Background Blur) y haciendo clic en el dial a la izquierda del control del efecto, aplica un valor que desees (100 en realidad funciona muy bien).



Quizá también desees experimentar con el nivel de opacidad, pero con el efecto de desenfoque y la opacidad puedes controlar el efecto preciso de esmerilado que quieres.
¡Efecto de esmerilado en Figma terminado!
Así es como se puede crear fácilmente un efecto de vidrio esmerilado en Figma. Revisa estos otros tutoriales para aprender más sobre efectos similares en otras aplicaciones de diseño y con Figma:
- SketchSketch en 60 segundos: crea un efecto de fondo esmeriladoAdi Purdila
- CSSDos maneras de crear un efecto de vidrio esmerilado en CSSAdi Purdila
- FigmaUna guía rápida de los ajustes para el relleno de imágenes en FigmaAdi Purdila
- Figma4 formas para cambiar el tamaño de los elementos en FigmaAdi Purdila