Cómo crear esquinas redondeadas en Figma

Aprende a crear esquinas redondeadas en Figma usando la herramienta de radio de esquina. Esta guía rápida cubre cómo ajustar esquinas individuales, aplicar curvas uniformes y consejos sobre atajos.

Crea vídeos y documentación de producto impactantes con IA

Este tutorial se creó con Trupeer en menos de 5 minutos

Crea gratis

Guía paso a paso: Cómo crear esquinas redondeadas en Figma

Paso 1

Selecciona el diseño en Figma al que quieres aplicar esquinas redondeadas.

Select the design in Figma for which you want to apply rounded corners.

Paso 2

En este menú, localiza la sección "Apariencia".

In this menu, locate the "Appearance" section.

Paso 3

Haz clic en ella e introduce el valor que desees para el radio de las esquinas.

Click on it and enter your desired value for the corner radius.

Paso 4

Después de introducir el valor, haz clic en cualquier parte de la plantilla de Figma para aplicar los cambios.

After entering the value, click anywhere within the Figma template to apply the changes.

Paso 5

A continuación, verás que las esquinas redondeadas se han aplicado a tu diseño.

You will then see the rounded corners applied to your design.

Consejos profesionales para crear esquinas redondeadas en Figma

Abrir tu archivo de diseño
Comienza iniciando Figma y abriendo el archivo que contiene la forma o elemento que quieres editar.
Seleccionar el objeto
Haz clic en la forma, marco o componente que deseas modificar. Puedes seleccionar varios objetos si es necesario.
Localizar la opción de radio de esquina
Busca en el panel de propiedades del lado derecho. Verás un campo etiquetado "radio de esquina" debajo de la pestaña “Diseño”.
Introducir un valor específico de radio
Haz clic en el campo "radio de esquina" y escribe un número para establecer un radio uniforme para todas las esquinas. Por ejemplo, introducir “10” aplicará un redondeo de 10 píxeles a cada esquina.
Usar los controles de radio de esquina
También puedes ajustar las esquinas visualmente arrastrando los pequeños controles circulares en cada esquina de la forma seleccionada.

Errores comunes y cómo evitarlos

La forma no permite editar las esquinas
Algunas formas como líneas o elementos agrupados pueden no admitir ediciones de radio de esquina. Desagrúpalos o usa un rectángulo para tener control total.
El radio no cambia de forma visible
Si el objeto es demasiado pequeño, aplicar un radio grande no mostrará cambios visibles. Aumenta el tamaño de la forma o usa un valor de radio más pequeño.
Olvidar desbloquear las esquinas individuales
Si quieres radios diferentes para cada esquina pero olvidas desbloquear la configuración, todas las esquinas permanecerán iguales.
Exagerar el radio de esquina
Los radios de esquina muy grandes pueden distorsionar la forma o chocar con el diseño general. Mantenlo proporcional.
Conflictos de Auto Layout
Algunos elementos anidados de Auto Layout pueden restablecer o sobrescribir los valores del radio de esquina. Ajusta cuidadosamente la estructura del marco.

Preguntas frecuentes comunes sobre cómo crear esquinas redondeadas en Figma

¿Puedo redondear solo una esquina de una forma?
Sí, al hacer clic en el icono de radio de esquina independiente, puedes asignar valores únicos a cada esquina.
¿Hay un atajo para aplicar radio de esquina?
No hay un atajo de teclado que aplique el radio directamente, pero puedes usar el panel de propiedades o los controles de esquina para ajustes rápidos.
¿Puedo usar esquinas redondeadas en imágenes?
Sí, selecciona la imagen y luego aplica un radio de esquina como con cualquier otra forma.
¿El radio de esquina se aplica a los componentes?
Sí, puedes redondear las esquinas de los componentes, y los cambios se aplicarán a todas las instancias salvo que se sobrescriban.
¿Cómo restablezco el radio de esquina?
Vuelve a establecer el valor del radio en “0” en el panel de propiedades para volver a esquinas rectas.
¿Cómo grabar pantalla en Mac?
Para grabar la pantalla en un Mac, puedes usar Trupeer AI. Te permite capturar toda la pantalla y ofrece funciones de IA como añadir avatares de IA, añadir locución, hacer zoom dentro y fuera del video. Con la función de traducción de video con IA de trupeer, puedes traducir el video a más de 30 idiomas.
¿Cómo añadir un avatar de IA a una grabación de pantalla?
Para añadir un avatar de IA a una grabación de pantalla, tendrás que usar una herramienta de grabación de pantalla con IA. Trupeer AI es una herramienta de grabación de pantalla con IA, que te ayuda a crear videos con múltiples avatares y también te ayuda a crear tu propio avatar para el video.
¿Cómo grabar pantalla en Windows?
Para grabar pantalla en Windows, puedes usar la Barra de juegos integrada (Windows + G) o una herramienta de IA avanzada como Trupeer AI para funciones más avanzadas como avatares de IA, locución, traducción, etc.
¿Cómo añadir locución a un video?
Para añadir locución a los videos, descarga la extensión de Chrome de Trupeer AI. Una vez registrado, sube tu video con voz, elige la locución deseada de Trupeer y exporta tu video editado.
¿Cómo hago zoom en una grabación de pantalla?
Para hacer zoom durante una grabación de pantalla, usa los efectos de zoom en Trupeer AI, que te permiten acercar y alejar en momentos específicos, mejorando el impacto visual del contenido de tu video.