Figuras e imágenes en Figma

Clase 5 de 25 • Curso Básico de Figma - 2022

Clase anteriorSiguiente clase

Yocselys Bermúdez

student•

Me gusta mucho este cuso, dejo mi aporte Saludos

David Morales

student•

te quedo bellisimo :D sigue asi

Cindy Milena Fontalvo Jiménez

student•

Que hermoso lo que haces! felicidades.

Jhancarlos Vásquez

student•

Me esta gustando mucho este curso

Alejandro Bejarano

student•

Jajajaja

Josue Cerron Tuesta

student•

Jjajajjajja

Ignacio Mora

student•

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 :D

Josue Cerron Tuesta

student•

Gracias bro!

German Pinilla

student•

++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:

Luis Aguirre

student•

Lol. Qué buena referencia de Walt.

Daniel Avila Cardenas

student•

Vamos que vamos....

Laura Mujica

student•

Gracias por el contenido de JS, de paso jaja :)

Maria Cristina Del Pilar De la Barra Portocarrero

student•

Mis imágenes en Figma

Maro Saracco

student•

Ratigueyaaaaaaaa

José Anderson Ramírez Ponte

student•

En mi laptop windows, el ctrl + g es shitf + g :)

Natalia Prada Gaitán

student•

Gracias, con control lo que hace es crear un grupo XD

José Tomás Valdivieso Fluxá

student•

Gracias

Jesús Ignacio García Fernández

student•

Crea tu primera figura

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

Henry J. Perez

student•

Pienso que aprender Figma me hara mejor frontend developer.
Estoy aprovechando para aprender desarrollar un proyecto.

Estefanys Esther Berdugo Fontalvo

student•

los simpson costeños

Cristian Amézquita

student•

Yo hice una infografía de otro curso que estoy llevando.

Jimena Haran

student•

Mi aporte con lo aprendido en esta clase c:

Diana Sandoval

student•

Hola, dejo mi aporte, gracias

María Alejandra Pérez Prieto

student•

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

Jazmin Sanchez

student•

DANIELA FRANCO TOBON

student•

Jeisson Espinosa

student•

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

Erika Nagaki

student•

Mi aporte <3

Sergio Mendoza

student•

Mi aporte con figma

Monica Ortiz Alvarez

student•

Mi aporte hasta ahora.

Figuras e imágenes en Figma

Introducción

¿Para qué sirve Figma y por qué elegirlo?

Interfaz en Figma

Básicos

Configuración de guías y retículas

Creación de textos y estilos

Figuras e imágenes en Figma

Efectos en Figma

Redes de Vectores

Colores en Figma

Combo

Importar y exportar

Cómo crear guías de estilo

Auto-Layout

Los 15 mejores atajos para trabajar en Figma

Creación de componentes reutilizables: clase teórica

Creación de componentes reutilizables: clase práctica

Playground: Practica la creación de componentes reutilizables

Prototipado

Prototipado simple: interacción de scroll

Prototipado simple: conexión de diferentes frames

Prototipado avanzado: smart animate y componentes Interactivos

Co-Creando

Cómo agregar comentarios a los diseños

Historial de versiones en Figma

Librerías de estilos y componentes

Superpoderes

FigJam

Uso de plugins en Figma

Community: proyectos open-source y perfiles

Cierre

Proyecto final del curso de Figma