Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Formas en Figma: Creación y Personalización de Elementos de Diseño | Creación y Organización de Objetos en Figma
Diseño UI/UX Con Figma

bookFormas en Figma: Creación y Personalización de Elementos de Diseño

Dibujo de formas

Aprenda a crear formas utilizando herramientas como rectángulo, elipse, polígono, línea o estrella. Haga clic y arrastre para dibujar una forma libremente, manteniendo presionada Shift para restringir las proporciones (por ejemplo, un cuadrado o círculo perfecto) o Alt/Opción para expandir la forma desde el centro.

Ajuste de dimensiones y proporciones

  • Utilice el icono de cadena en el panel de diseño para restringir o desvincular proporciones al cambiar el tamaño de las formas;
  • Ajuste la opacidad para modificar la transparencia de la forma;
  • Modifique el radio de las esquinas para bordes redondeados, con la posibilidad de establecer valores independientes para cada esquina si es necesario.

Añadir rellenos y bordes

Las formas pueden personalizarse con:

  • Rellenos: aplicar colores sólidos, degradados o ajustar la opacidad del relleno;
  • Bordes (contornos): personalizar la posición (interior, centro, exterior), el grosor (peso) y el estilo (sólido, discontinuo, punteado). También puede ajustar la configuración de guiones y espacios para patrones personalizados;
  • Líneas: incluyen opciones adicionales como puntos de inicio y fin (por ejemplo, flechas, círculos).

Efectos y mejoras

Agregue efectos a las formas para mejorar el aspecto visual:

  • Sombras paralelas y sombras internas para dar profundidad;
  • Desenfoque y desenfoque de fondo para un acabado pulido.

Edición de formas vectoriales

Para editar una forma vectorial:

  • Haga doble clic en la forma o haga clic en el icono Editar objeto en el panel de diseño para entrar en modo de aislamiento;
  • Utilice la herramienta de curvatura para crear curvas y ajustar los puntos vectoriales según sea necesario;
  • Salga del modo de edición haciendo clic en un espacio vacío o en el botón X.

Siguiendo estas técnicas, es posible crear y personalizar formas con precisión y creatividad.

Si desea obtener más información sobre gráficos vectoriales e imágenes rasterizadas, se recomienda consultar el capítulo Raster vs. Vector en el curso Fundamentos de Adobe Illustrator.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain the difference between vector and raster images?

How do I use the bend tool to create curves in Figma?

What are some tips for customizing strokes and fills on shapes?

Awesome!

Completion rate improved to 2.78

bookFormas en Figma: Creación y Personalización de Elementos de Diseño

Desliza para mostrar el menú

Dibujo de formas

Aprenda a crear formas utilizando herramientas como rectángulo, elipse, polígono, línea o estrella. Haga clic y arrastre para dibujar una forma libremente, manteniendo presionada Shift para restringir las proporciones (por ejemplo, un cuadrado o círculo perfecto) o Alt/Opción para expandir la forma desde el centro.

Ajuste de dimensiones y proporciones

  • Utilice el icono de cadena en el panel de diseño para restringir o desvincular proporciones al cambiar el tamaño de las formas;
  • Ajuste la opacidad para modificar la transparencia de la forma;
  • Modifique el radio de las esquinas para bordes redondeados, con la posibilidad de establecer valores independientes para cada esquina si es necesario.

Añadir rellenos y bordes

Las formas pueden personalizarse con:

  • Rellenos: aplicar colores sólidos, degradados o ajustar la opacidad del relleno;
  • Bordes (contornos): personalizar la posición (interior, centro, exterior), el grosor (peso) y el estilo (sólido, discontinuo, punteado). También puede ajustar la configuración de guiones y espacios para patrones personalizados;
  • Líneas: incluyen opciones adicionales como puntos de inicio y fin (por ejemplo, flechas, círculos).

Efectos y mejoras

Agregue efectos a las formas para mejorar el aspecto visual:

  • Sombras paralelas y sombras internas para dar profundidad;
  • Desenfoque y desenfoque de fondo para un acabado pulido.

Edición de formas vectoriales

Para editar una forma vectorial:

  • Haga doble clic en la forma o haga clic en el icono Editar objeto en el panel de diseño para entrar en modo de aislamiento;
  • Utilice la herramienta de curvatura para crear curvas y ajustar los puntos vectoriales según sea necesario;
  • Salga del modo de edición haciendo clic en un espacio vacío o en el botón X.

Siguiendo estas técnicas, es posible crear y personalizar formas con precisión y creatividad.

Si desea obtener más información sobre gráficos vectoriales e imágenes rasterizadas, se recomienda consultar el capítulo Raster vs. Vector en el curso Fundamentos de Adobe Illustrator.

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 3
some-alt