Creación de objetos y efectos

Clase 7 de 29 • Curso de Figma - 2020

Clase anteriorSiguiente clase

Jorge Salamanca

student•

Shortcuts

ctrl + b: negrita / bold

ctrl + u: linea bajo el texto

ctrl + i: Italica, inclinar texto

ctrl + r: crear rectangulo o cuadro

shift + r: regla

T: Escribir texto

R: crear rectangulo o cuadro

I: pincel y lupa de captura de color

O: Crear Ovalo o circulo

L: Crear linea

F: Crear frame (artboard)

R | O | L y luego shift: mantiene las proporciones del Cuadrado | Circulo | Linea

crtl + shift + e: mostrar archivos a exportar

Christian Velázquez

student•

Gracias.

Cesar Uriel Suchilt Orozco

student•

Ctrl + d : Duplicar objetos

Kevin Morales

student•

Option == Alt en Windows

Matías Wasiak

student•

Gracias, lo estuve buscando :D

María Jimena Rodríguez Contreras

student•

gracias

Martín Bentancor

student•

Excelente el tema de los atajos.

Javier Suárez Meerhoff

student•

gracias!

Víctor Macías Pincay

student•

Excelente aporte!

María Paz Muñoz Parra

student•

Mis notas del curso hasta el momento:

Andrea Da Silva Pinto

student•

En donde realizas tus anotaciones? Esta muy lindo <3

María Paz Muñoz Parra

student•

Obrigada! Uso la app GoodNotes :)

Sergio Estrella

teacher•

Otra cosa que deberías saber, es que en la parte superior derecha, hay una opción para alinear al objeto hijo con el objeto padre. Donde tienes opción de alinear a los costados, al centro; tanto horizontal como verticalmente. Y, si seleccionas varios objetos al mismo tiempo con SHIFT + Click. Puedes repartir el espacio entre ellos por todo el elemento padre ;)

Jeffrey Chávez

student•

Interesante, gracias por compartirlo, Sergio. Saludos. 👋😃

Dannavillanueva Villanueva Arevalo

student•

Isaac David Berdugo Alvarez

student•

Me encantó tu diseño, me inspiró para hacer mi propia version, no tan original sino mas parecida a la que tiene la aplicacion actualmente. Una pregunta ¿Cual tipografia usaste? Porque eso fue lo que mas me costó, encontrar la tipografia correcta, y no lo logré.

Dannavillanueva Villanueva Arevalo

student•

Hola Boom la tipografia que utilicé fué Roboto en Medium

Juan David Cubillos Martinez

student•

Cuando duplicamos un elemento con option+drag tambien podemos oprimir cmd+d y Figma duplicará el elemento, manteniendo la distancia que definimos entre la primer copia y el elmento original, muy parecido a la funcion de repeat grid de XD.

Harold Steven Penaloza Escalante

student•

Hola Juan, en realidad son muy distintas, por que el repeat grid, lo que hace es crearnos varios componentes a partir de uno solo con ciertas características y debes saber que la opción de arrastrar y duplicar la tenemos en Adobe con las mismas teclas.

Guillermo Sánchez Espinosa

student•

Ejemplo

Andrea Da Silva Pinto

student•

Hola! Como hiciste el efecto de transparencia de los cuadros esquina? Esta muy lindo!

Julver Ticona Vargas

student•

Juan Esteban Galvis

student•

[No tiene que ver con formas] Algo que descubrí y me parece muy útil es que con la rueda del mouse me muevo hacia arriba y abajo pero con Shift y la rueda me muevo de izquierda a derecha.

Así me desplazo más rápido entre los Frames y con "+" y "-" manejo el Zoom. O para hacer un Zoom que muestre todo el proyecto usamos: Shift + 1

Jeffrey Chávez

student•

Genial, es una opción que facilita más el trabajo, gracias por compartirlo. Saludos. 👋😃

Gerardo A García L

student•

Hice un reloj :D

Irving Juárez

student•

Actualizacion de todos los atajos en Figma

En relacion a los Frames

Frame (F)
Slice (S)

En relacion a las figuras

Rectangulo (R)
Linea (L)
Flecha (Shift + L)
Elipse (O)
Colocar una imagen (Ctrl + Shift + K)

En relacion a plumas

Pluma fuente (P)
Lapiz (Shift + P)

Texto y otros

Texto (T)
Herramienta de "mano" (H)
Agregar un comentario (C)

Albany Hernández Higuerey

student•

Muchas gracias, yo estoy en 0 en cuanto a figman y el ctrl + shift + k me ha resuelto media vida xD

Paolo Carrion

student•

Me lo robo XD. Gracias Irving :D

Marcos Orozco Rios

student•

Para clonar

Seleccionar objeto
presionar tecla "Alt"
Arrastrar objeto

Arles A. Pinzon Molina

student•

** Cosas muy útiles y que aprendí con esta clase: **

Los 4 puntitos para crear estilos (y reutilizar).
La cadena al lado de las dimensiones del objeto (para poder transformarlo sin mantener proporción)
Constrains: Cómo el objeto “hijo” se comportará dentro del objeto “padre” (o el frame) cuando se alargue.

Jerico Israel Pacheco Gomez

student•

Alfred Brayan Palomino Bastidas

student•

La opacidad también se puede medir, solo dando click a la figura que quieras cambiar de opacidad y seguido poniendo el numero. Sin mas ni mas.

Edgar Ramón González Contreras

student•

Es lo que llevo hasta ahora. ¿Qué les parece? :)

Edgar Ramón González Contreras

student•

Se me olvido decir, estoy diseñando una pagina web de un taller mecanico.

Joel Dominguez Merino

student•

Muy bien que hayas hecho un proyecto a la par aprendías en cada clase! Como te va con dicho proyecto? Solo lo fuiste diseñando o también lo pasaste a código? Saludos :D