Creación de textos y estilos

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

Clase anteriorSiguiente clase

Shakira Derteano

student•

Para previsualizar en Windows es con: (Shif + G)

JOSE ENRIQUE GARCIA CRUZ

student•

Muchas gracias, es correcto.

Layout grids: ⌃ G

DARWIN JUAN CARLOS CATUNTA GARCIA

student•

Muchas gracias 😃

Rodrigo Contreras Rubio

student•

++apuntes de comandos básicos de Figma++

F: para entrar a la herramienta Frame
V: para entrar a la herramienta Move
T: para entrar a la herramienta Text
ctrl ó cmd + B: Bold ó Negrita
ctrl ó cmd + I: Italic ó cursiva
ctrl ó cmd + U: Underline ó subrayado
scroll: mover hacia arriba o abajo
shift + scroll: mover a izquierda o derecha
ctrl ó cmd + scroll: acercar o alejar

Natalia Prada Gaitán

student•

Gracias

Rafael Simón Acendra Castillo

student•

Wao gracias!

Hugo Caceres

student•

Envio mi trabajo

Karimar Victoria Bracho

student•

William Ruiz

student•

gracias por tu aporte hugo

ISAAC DANIEL ATAUCURI YNFANTE

student•

• Texto(t): o Bloque fundamental en cualquier interfaz. o Propiedades: Fuente-Espaciado-Alineación. o Comandos:  Ctrl + b: negra  Ctrl+ i: italizado  Ctrl + u: subrayar  Shift+g: previsualizar. o Estilo de texto:  Propiedad global que puede ser reutilizable a lo largo de archivos y proyectos. • Proyecto: o Creamos el texto de contenido y creamos el estilo texto 00. o Y para el título creamos el estilo de título 00. o El título se ve mejor en 30 y el texto NUNCA PUEDE SER MENOR A 14. o Trabaja con el tamaño de cajas de texto múltiplos de 8 porque los px van de 8 en 8.

Julver Ticona Vargas

student•

Para los Keyboard Shortcuts presionar el boton de la esquina inferior derecha con el simbolo (?) y darle a la opcion "Keyboard Shortcuts"

David Emmanue Cano Cabrera

student•

Esta genial, pues no solo te muestra shortcuts ( que por cierto se puede abrir directamente con Ctrl + Shift + ? ) sino que también se muestran resaltados aquellos que ya han sido utilizados. Expectacular para llevar registro de aquellos que ya hemos aprendido. 😉

Fanny Barraza

student•

GRacias!! Muestra hasta los que se están usando en el momento :D

Lucemar Quintero Laguado

student•

Miriam Quispe

student•

¡Genial!. Muy bien aplicado la presente clase.

German Pinilla

student•

++Creación de textos y estilos++

Bloque fundamental de cualquier interfaz es el texto

Un objeto de texto tiene diferentes propiedades

Texto
- Fuente
- Espaciado
- Alineacion
Color

++Atajos para la creacion y de edicion de texto++ ctrl ó cmd + B: Bold ó Negrita ctrl ó cmd + I: Italic ó cursiva ctrl ó cmd + U: Underline ó subrayado

++Que es un estilo?++ Son propiedades globales de los elementos que pueden ser reutilizables a lo largo de varios archivos o proyectos.

Cristhian Villar

student•

Team, Recuerden que para deshacer una accion el gran CONTROL + Z cuando se equivoquen y volver al paso anterior..

CONTROL + Y para volver a lo que se deshizo.

Eduardo Zegers

student•

Me gustó lo de Team :D

Kevin Armando Luciano García

student•

Si no tienes idea de que texto de relleno agregar en tu ejercicios, puedes usar los famosos "lorem ipsum" En esta página puedes generar párrafos, palabras, listas, etc. Espero te sea de ayuda. 😎

Roxana Carvallo

student•

Sii, también recomiendo mucho este plugin es súper útil https://www.figma.com/community/plugin/736000994034548392/Lorem-ipsum

Schormeiker Elieser Lugo Garcia

student•

genial muchas gracias por el dato :D

Cristhian Villar

student•

Asi vamos… Datico, para poner imagenes en este chat de Platzi, toca guardar la imagen en tu PC como jpg y arrastras la imagen a este cuadrito…

Jeisson Espinosa

student•

Información resumida de esta clase #EstudiantesDePlatzi

El texto es el bloque principal sobre la interfaz
El objeto texto tiene 2 propiedades que son el texto como tal y el color
Dentro de la propiedad texto podemos modificar la fuente, espaciados, alineación, entre otros más
Existen comandos rápidos para mayor velocidad
Figma me permite crear estilos que puedo reutilizar a lo largo de mi proyecto
El objeto texto puede ser muy editable al manipular todas las propiedades que nos deja Figma
Con la tecla Alt puedo observar las medidas de los espaciados que van quedando
Parece que es recomendable trabajar sobre múltiplos de lo que definimos nuestra grilla
Puedo utilizar valores en porcentaje para definir las propiedades
Lo recomendable es crear estilos para usarlos de manera más rápida en un futuro
Ctrl + B = Negrilla, Ctrl + U = Subrayado, Ctrl + i = Italizado