• Frontenderos
  • Posts
  • #08 ¿Cómo estructurar un design system usando las nuevas variables de Figma?

#08 ¿Cómo estructurar un design system usando las nuevas variables de Figma?

Nuevas variables de Figma

En Junio, Figma anunció que iba a lanzar un feature para poder usar variables o token de forma nativa, algo que antes solo se podía hacer con plugins de terceros. Esto aumenta la compatibilidad entre diseños y mejora la experiencia de uso.

Lee el siguiente artículo si te gustaría saber como sacarle provecho a esta nueva característica de Figma.

NOTICIA
Hackers vs AI

¿Qué pasa cuando cientos de Hackers intentan romper AI chatbots?

HERRAMIENTA
Vite con Electron

¿Te gusta Vite? Ya puedes usarlo para construir aplicaciones con Electron

VACANTE
Remote Senior Web Engineer

Scopic busca un Ingeniero Web Senior con más de 6 años en desarrollo de software, la posición es full-stack, piden dominio en por lo menos un lenguaje PHP/Node.js/Python/C#/GoLang, y frameworks como Laravel/Django/Express/Koa, JavaScript y JS frameworks (React/Angular/Vue), diseño de bases de datos SQL/NoSQL, experiencia con proveedores de nube (AWS/Google Cloud/Azure/Digital Ocean), uso de contenedores como Docker/Kubernetes y liderazgo de equipos.

CHALLENGE
Tienes una lista de palabras y todas ellas, excepto una, tienen la misma longitud. Escribe una función que te permita encontrar la palabra que rompe el patrón.

RESULTADO

function encuentraIntruso(palabras) {
  let longitudes = palabras.map(palabra => palabra.length);
  let moda = Math.max(...longitudes.map(largo => longitudes.filter(val => val === largo).length));
  let longitudComun = longitudes.find(largo => longitudes.filter(val => val === largo).length === moda);
  return palabras.find(palabra => palabra.length !== longitudComun);
}