Figuras e imágenes en Figma

Bancos de imágenes libres de derechos de autor:
https://www.pexels.com/es-es/
https://unsplash.com/es
https://pixabay.com/es/
https://nappy.co/
https://kaboompics.com/
https://www.freeimages.com/
https://www.stockvault.net/

para agilizar un poco el proceso de poner una imagen en un objeto no es necesario cambiar la propiedad del objeto en sí, basta con seleccionarlo y apretar ctrl+v y listo la imagen aparece en el interior de el objeto.
espero que les ayude a ahorrar unos cuantos segundos 😄

Me gusta mucho este cuso, dejo mi aporte Saludos

Me esta gustando mucho este curso

Vamos que vamos…

Mis imágenes en Figma

En mi laptop windows, el ctrl + g es shitf + g 😃

mi aporte

Figuras, efectos e imágenes en Figma

Las figuras, efectos e imagenes son otros elementos que son complementarios
al texto para que la interfaz cobre vida. Estos elementos nos ayudan a
complementar el mensaje y la experiencia que se esta creando.

Crear tu primera figura
Para crear nuestra primera figura podemos acceder a los siguientes atajos del teclado:

• r - Rectangulo
• o - Ovalo
• l - Linea

Cada uno de esos elementos tiene sus propiedades.

Propiedades de una figura
Las propiedades de una figuran afectan el estado y forma. Todas las figuras tiene:

• Alineacion
• Tamaño
• Posicion
• Rotacion
• Radio de bordes
• Constraints
• Opacidad
• Relleno (Color, Gradient, Imagen)

Organizar los objetos

• (alt / option) Calcular la distancia de un objeto
• Guias inteligentes
• Smart selection
• Padding entre elementos
• Mostrar / Ocultar
• Escalar con v o con k

Restricciones - Constraints

Todos los elementos contenidos dentro de un frame son objetos “hijos” del contenedor
que los soporta. Asi pues, sus restricciones funcionan con base en el comportamiento de
su “padre”.

Y asi va mi diseño:

Crea tu primera figura

• R - rectángulo
• O - para óvalo
• L - para línea

Pienso que aprender Figma me hara mejor frontend developer.

Estoy aprovechando para aprender desarrollar un proyecto.

los simpson costeños

Información resumida de esta clase
#EstudiantesDePlatzi

• Algunas de las propiedades que tienen la figura son: Alineación, tamaño, posición, rotación, opacidad, relleno, etc.

• Es importante que aprendamos y utilicemos las herramientas que nos ofrece Figma para la alineación de los objetos

• Cuando quiero escalar un objeto puedo utilizar la tecla “V” para mantener la proporción

• R = Rectángulo, O = Ovalo, L = Lineal

• Todos los objetos en Figma tienen una posición en “X” y “Y”

• Puedo editar el border radius, esto le da cierta curvatura a la figura

• Constrains = Restricciones y nos dice como funciona el objeto respecto al objeto padre que lo contiene

• La propiedad de Fill es donde modificamos el color

• Puedo poner una imagen dentro de una figura

Miren esta página: https://www.pttrns.com/

Para seleccionar elementos individuales, por ejemplo, un icono dentro de un grupo, utilizo Ctrl + Click derecho (en Windows). Es súper útil!

![](

Comparto como todos, mi primer project en Figma. No busqué tanto cuidar el diseño, sólo mezclar un poco el contenido de todo lo que se viene realizando en el curso. Esoero que sea del agrado

Para hacer la opción de distancias, a mí en MAC también me funcionó con ALT.

Se está poniendo bueno este curso!!

Excelente clase

–

Shitf + G —> windows 11

Vean por favor este recurso ->https://youtu.be/gnscqweM_NU
Está en la parte de abajo del video de la clase, pero igual lo dejo aquí.

• Comando para importar imagen en figma
  Ctrl/Cmd + Shift + K

• Recuerda mantener “shift” al momento de escalar la imagen para mantener sus proporciones correctas.