Hola Felipe! bravo por el video: claridad y ejemplos. Aprovecho porque tengo un par de dudas... Si tenemos que usar entre 2-3 tipografias en una página. Siendo cada 'peso/weight' de una misma fuente un archivo tipografia. ¿Porque generamos todos los tamaños (xl, l, m, s....... font-size) para todo los pesos (light, regular, medium, semibold, bold.....)? en el ejemplo que nos muestras tendríamos que subir 4 tipografias en nuestra página web. Aprovecho también por hablar de las variable fonts en web. Que no són lo mismo que la variables de Figma. En google fonts nos proporcionan la opción de usar 'variables fonts' pero NO tengo ni idea de como se usan ni en Figma, ni en un diseño web (la subida al servidor y reproducción en el navegador). Creo que es un tema que ahora mismo en youtube nadie ha hablado, ni ofrece esta información de manera clara y fácil de entender.... Seria muy bueno tener información al respecto! Bravo por los videos! de verdad! ya tienes un suscriptor más a partir de hoy!
Buenas Xevi, Generamos todos los tamaños para tener versatilidad. Si luego no usas algunos puedes eliminarlos. Si, habría que subir varias tipografías, pero normalmente yo cargo toda la familia en la web. Tengo entendido que si son lo mismo, yo lo he visto en webflow, que es muy fácil de hacer, no sé como se haría directamente. Te dejo el link a su docu university.webflow.com/lesson/variable-fonts?topics=layout-design#what-are-variable-fonts- Muchas gracias por tus palabras, lo aprecio muchísimo!
Asigno los estilos según el dispositivo. Por ejemplo, los headers principales en desktop igual son Headline M mientras que en mobile igual son Headline S.
@@felipe.cardona Muy buena tu explicación, es muy práctica. En cuabnto a esta pregunta, con los tamaños para tablet, que tamaño le estarías asignando en este caso. Muchas Gracias
Me parece muy loco que algo tan complejo como un Design System lo expliques de forma tan sencilla. OMG!
El mejor UX ha vuelto! ☺️❤️
Gracias por existir.❣
Gran contenido Felipe! Poco a poco estás montando un from 0 to hero de design systems, este contenido vale millones!
Me encanta esta serie Felipe! 🤩 Deberías crear una playlist solo para ella, así será más fácil de encontrar en tu canal y de compartir.
Gracias Jonas! Cuando tenga más videos lo haré! Y añadiré otros videos de otros canales respecto el tema 🙌🏻
Hola Felipe! bravo por el video: claridad y ejemplos. Aprovecho porque tengo un par de dudas... Si tenemos que usar entre 2-3 tipografias en una página. Siendo cada 'peso/weight' de una misma fuente un archivo tipografia. ¿Porque generamos todos los tamaños (xl, l, m, s....... font-size) para todo los pesos (light, regular, medium, semibold, bold.....)? en el ejemplo que nos muestras tendríamos que subir 4 tipografias en nuestra página web.
Aprovecho también por hablar de las variable fonts en web. Que no són lo mismo que la variables de Figma. En google fonts nos proporcionan la opción de usar 'variables fonts' pero NO tengo ni idea de como se usan ni en Figma, ni en un diseño web (la subida al servidor y reproducción en el navegador). Creo que es un tema que ahora mismo en youtube nadie ha hablado, ni ofrece esta información de manera clara y fácil de entender.... Seria muy bueno tener información al respecto!
Bravo por los videos! de verdad! ya tienes un suscriptor más a partir de hoy!
Buenas Xevi,
Generamos todos los tamaños para tener versatilidad. Si luego no usas algunos puedes eliminarlos. Si, habría que subir varias tipografías, pero normalmente yo cargo toda la familia en la web.
Tengo entendido que si son lo mismo, yo lo he visto en webflow, que es muy fácil de hacer, no sé como se haría directamente.
Te dejo el link a su docu university.webflow.com/lesson/variable-fonts?topics=layout-design#what-are-variable-fonts-
Muchas gracias por tus palabras, lo aprecio muchísimo!
Y cómo manejas el responsive en las tipografías?
Asigno los estilos según el dispositivo. Por ejemplo, los headers principales en desktop igual son Headline M mientras que en mobile igual son Headline S.
@@felipe.cardona Muy buena tu explicación, es muy práctica. En cuabnto a esta pregunta, con los tamaños para tablet, que tamaño le estarías asignando en este caso. Muchas Gracias