No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Librer铆as de estilos y componentes

20/27
Recursos

Aportes 11

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Librer铆as de estilos y componentes

Por que trabajar con estilos y componentes?

  • Estilos: Hacen referencia a parametros versatiles de una marca
  • Componentes: Hacen referencia a las diferentes partes que comoponen
    el sistema de una interfaz

Repasando: estilos
Una libreria de estilos contiene:

  • Colores
  • Textos
  • Efectos
  • Grillas

Repasando: Componentes
Una libreria de componentes contiene:

  • Componentes
  • Atomos
  • Moleculas
  • Organismos

Como publicar una libreria?

Dropdown -> Publish styles and components

Como publicar cambios en una libreria?
Cada vez que hagas cambios en los estilos o componentes maestros,
Figma te pedira que publiques una nueva version que actualice estos
cambios

Como actualizar una libreria?

  • Hacer click en 鈥淩eview鈥
  • Luego en 鈥淯pdate鈥

A la miaaaauuu!! Dije 5 jajaja eaa no ando tan mal 馃槢

  1. El ancho del componente Nav bar
  2. El 铆cono hamburguesa y su grosor de l铆nea
  3. La paleta de color
  4. La fuente tipogr谩fica
  5. El tama帽o del titulo y su peso tipogr谩fico
  6. La fuente tipogr谩fica del bot贸n, su tama帽o y peso
  7. Los m谩rgenes internos
  8. La grilla constructiva
  9. El espaciado entre elementos
  1. El borde que se le dio al fondo principal

  2. Al icono de men煤

  3. Imagen de perrito

  4. Texto de 鈥淧latzi Dogs鈥

  5. Bot贸n

  6. Texto 鈥渋ngresar鈥

  7. Barra del nav

Pregunta: C贸mo hago si lo que quiero es compartir una librer铆a UI para el resto del equipo y que ellos puedan duplicarla y adaptarla seg煤n el proyecto PERO que al guardar no se sobre escriban los estilos de la librer铆a principal?

Genial la clase!

Informaci贸n resumida de esta clase
#EstudiantesDePlatzi

  • El estilo y los componentes me ayudan a estandarizar el proyecto

  • Los estilos hacen referencia a par谩metros vers谩tiles de una marca

  • Los componentes hacen referencia a los diferentes partes que componen el sistema

  • Tenemos que desarrollar un nuevo mindset para entender los estilos y librer铆as

  • Si hago cambios en los componentes maestros figma me preguntara si quiero actualizar mi librer铆a

鈿 Hay que tener mucho cuidado con los nombres y las propiedades que configuramos en nuestro proyecto.

Si hay conflictos como propiedades con nombres iguales dentro de un mismo componente, el componente o estilo en conflicto no se va a publicar谩 en la librer铆a.

驴Por qu茅 trabajar con estilos y componentes?

  • Te permiten estandarizar y potenciar el trabajo de dise帽o
  • Esta es una de las funcionalidades m谩s poderosas y 煤tiles que ofrece Figma para los dise帽adores y desarrolladores

Excelente clase