Nuevas variables de tipografía + Code Connect en Figma

[@JaredWork]

Que buena manera de comenzar el dia Raul! Gracias por las novedades.

[@RaulMarin_Figma]

Gracias a ti!

[@samaradana.7]

Gracias Raúl… voy un poco tarde con esta actualización pero me ha pillado en medio de un proyecto grandote y no quería que me condicionara. 😅

[@RaulMarin_Figma]

A ti por verlo! 🙏 Ahora hay más cositas extras... ya tienen scoping y esperemos que para el Config arreglen el resto ;)

[@claudiabogliacino1428]

Ahhh me hice ilusiones, pensé por el título del video que ya Figma tenía estas opciones. Espero que se pongan las pilas, realmente es necesario.

[@OjedaJorge]

Grato Raúl por todo lo que compartes. Siguiendo lo de "tipografía" me gustaría ver uno que expliques sobres las "Jerarquía y tamaño de fuente" * Display * Headings * Overline * Body * Button Text * Links * Quotes Cuál es el límite entre un h6 y un body ? Usar Caption, que no está en el listado arriba, en vez de "Overline" ? Teniendo eso se puede comprender cómo aplicar a Web, Mobil y Desktop. Con sus respectivos line-heigth, letter'spacing y paragraph-space. Y contenido para otro vídeo, como crear la convención de nombres de tokens tanto para tipografía como para los otros componentes. Veo que hasta dentro del equipo de Figma siempre están presentando sus vídeos sin una normalización. Lo hacen de tal manera de presentar las novedades pero no cuidan el aspecto técnico de los naming para las variables.

[@ArielCND]

🎉 porfiiiinnn

[@PacoMoreno-zi9vd]

Muchas gracias, Raúl, buenisimo como siempre. Conoces algún plugin para exportar estas variables de tipografia a css. No he encontrado ninguno que exporte las de tipo string.

[@RaulMarin_Figma]

Hola Paco... yo creo que el único es Token Variables www.figma.com/community/plugin/1264267851877180830

[@PacoMoreno-zi9vd]

@@RaulMarin_Figma ouuuhh yeahhhh. Parece que funciona, no lo conocia, mil graciassssss🙌🙌🙌

[@PacoMoreno-zi9vd]

Hi Raúl , variables2css ha hecho un update del plugin y ahora permite exportar las variables del tipo string, lo he probado y va muy fino.

[@RaulMarin_Figma]

@@PacoMoreno-zi9vd Fantastico, vi que habían cambiado el look and feel pero no lo había trasteado. Gracias por el update

[@debdeb11337]

Gracias Raúl 🙏. Qué lástima que las variables de tipografía estén incompletas 😔

[@RaulMarin_Figma]

Gracias Deby, bueno habrá que seguir tirando con lo que hay :(

[@JulietaOjea]

Hola Raúl. Te parece válido también para hacer la tipografía responsive usar modos? Lo que hice en mi proyecto es armar un modo desktop y otro mobile para los distintos tamaños.

[@JulietaOjea]

Gracias por el video, como siempre impecable.

[@RaulMarin_Figma]

Gracias a ti... y claro que es súper útil usarlo como dices tú. Las variables son para adaptarlas al contexto que tengas y justo ese es imprescindible. 😉