Nueva Función de Figma: Bloquea la Relación de Aspecto y Evita Imágenes Deformadas

Figma ahora permite bloquear la relación de aspecto "Aspec ratio" de cualquier objeto

uxcristopher
February 6, 2025

Nueva Función de Figma: Bloquea la Relación de Aspecto y Evita Imágenes Deformadas

Si alguna vez escalaste una imagen en Figma y terminó estirada o aplastada, esta actualización es para ti. Figma ahora permite bloquear la relación de aspecto de cualquier objeto, incluyendo imágenes, videos, texto y marcos. Esto significa que, sin importar cómo lo escales, el objeto siempre mantendrá su proporción original.

Antes, solo podías restringir proporciones desde el panel de propiedades, pero con esta nueva función puedes ajustar el tamaño directamente en el lienzo sin preocuparte por distorsionar tus elementos.

¿Por qué son importantes las proporciones en imágenes?

Cuando trabajas con imágenes en diseño, es crucial mantener una relación de aspecto correcta para que no se vean deformadas. Algunas de las proporciones más comunes son:

16:9 → Usada en videos, banners y redes sociales.
4:3 → Común en fotografía, presentaciones y algunas pantallas.
1:1 → Perfecta para publicaciones cuadradas en Instagram.

Si escalas una imagen sin respetar su relación de aspecto, puede perder calidad y afectar la composición de tu diseño.

Cómo calcular la proporción correcta fácilmente

Si no quieres hacer cálculos manuales, te recomiendo usar esta herramienta gratuita:

👉 CalculateAspectRatio.com

¿Cómo funciona?

1️⃣ Ingresa el ancho que necesitas para tu imagen.
2️⃣ La herramienta te mostrará automáticamente el alto correcto para mantener la proporción.
3️⃣ Usa esos valores en tu diseño y activa la función "Bloquear relación de aspecto" en Figma para evitar distorsiones.

Si quieres aprender más sobre diseño UX/UI y mejorar tus habilidades, dale un vistazo a mis cursos profesionales en 👉 www.uxcristopher.com 🚀

Paquetes de cursos

Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.

DesignerPack

Pago único. Acceso de por vida.
$97.99 USD
50% Dto.
Precio anterior $196 USD
Este paquete te da acceso únicamente a 5 cursos.
(Los cursos ya están definidos y no se pueden cambiar).
Incluye 6 meses de Figma Pro
(No renovable)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos

MegaPack

Pago Anual, acceso a todos los cursos
$197 USD/año
50% Dto.
Precio anterior $394 USD
Acceso a todos los cursos actuales y futuros
(Durante tu suscripción)
Incluye 1 año de Figma Pro
(Activo durante tu suscripción)
Curso de UX/UI Design
Curso de AutoLayout
Curso de Prototipado y animación
Curso de Sistemas de diseño
Curso de UI Design
Curso de IA para UX/UI Designer
Curso de Webflow
Curso de Freelancer
Curso Nuevos sin costo extra
WhatsApp ¿Necesitas ayuda? 😃