Creación de textos y estilos

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

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

Envio mi trabajo

• 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.

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.

Si no tienes idea de que texto de relleno agregar en tu ejercicios, puedes usar los famosos “lorem ipsum” En esta página https://www.lipsum.com/ puedes generar párrafos, palabras, listas, etc. Espero te sea de ayuda. 😎

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.

¿Como va todo chicos?

Utilice un texto desde wikipedia para probar los diferentes estilos de texto.

Saludos.

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

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…

Les dejo mi avance y de paso la pueden hacer 😄

Mi primer aporte 🥰🥰

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

Así quedó mi trabajo. 😅

En mi caso, trabajo desde mac y command + G para mostrar la grilla no funciona, se debe usar SHIFT + G, no sé si solo me pasa a mi, pero por si trabajan en mac y les está pasando ensayen con SHIFT y verán que les funciona.

Crear estilos de texto es importante, especialmente cuando tenemos muchos bloques de texto en nuestras interfaces, ya que así podemos acudir al estilo creado y unificaremos fácilmente de acuerdo a su jerarquía (párrafo principal, títulos, encabezados, subtítulos, párrafo secundario, notas, citas textuales, etc.).

Comparto mi actividad de la clase!

Un Indesign online, LOL, esto me recuerda las veces que trabaje editorial en la escuela de diseño y sufría porque no tenia el hábito de crear los estilos de fuente y de textos, esos mismos estilos que me salvaron en muchos trabajos después.

Mi primera nota =)

![](

Envío la práctica!

Si aun no tienes claro el texto a usar en tu proyecto, puedes usar el plugin CONTENT REEL y allí encontraras el texto por default “Lorem Ipsum”, entre otros 😃

Me está gustando mucho Figma 😃

Los comandos de Mac son similares a los de linux, comand vendría a ser ctrl

Asi va mi primera nota:

Excelente clase, me agrada mucho la manera tan clara en que explica y que no da por sentado que ya te sabes algo, simplemente lo explica hasta el mínimo detalle, lo de las teclas por ejemplo que muchos no sabemos.

Excelente clase

😄 excelente clase, yo lo alineé a texto justificado:

(

Asi quedo mi nota probe distintos estilos, cualquier feedback es bien recibido

Mis notas

(

Fácil, pero muy buena clase.

Les comparto mi primera nota.