Figma ya dibuja íconos con tu estilo, no con Lucide.

Íconos e ilustraciones a partir de tus referencias

Según las notas de versión de Figma del 5 de noviembre, el agente ahora genera ilustraciones e íconos vectoriales fáciles de editar, que siguen tu estilo y se pueden animar. Los detalles:

• Referencias propias: le das tus ilustraciones como referencia de estilo y genera más piezas o íconos de tu marca en cantidad.
• Trazos, no rellenos: las líneas salen como trazo, así que cambias el grosor o el remate de las puntas sin redibujar.
• Capas ordenadas: cada vector viene en capas independientes y agrupadas, listas para animar con Figma Motion.

La ayuda de Figma agrega que la función está en los planes Starter, Professional, Education, Organization y Enterprise, que gasta créditos de Figma AI y que también puede convertir en vectores una imagen fija, como un símbolo o una letra dibujados a mano. Advierte que las imágenes complejas o de baja resolución pueden no salir bien.

Por qué esto sí hace la salida menos genérica

Un set de íconos genérico no delata por feo, sino por repetido: el mismo dibujo en miles de webs. La novedad cambia de dónde sale el dibujo. Si la referencia es tuya (un boceto, una ilustración de la marca, la letra del logo), el resultado hereda su trazo y no el de la plantilla.

Prefiero esto a pedirle a un modelo «íconos modernos y minimalistas»: sin referencia, cualquier agente vuelve al promedio, que es justamente Lucide. Con una referencia, el promedio deja de ser el punto de partida. Y como salen en trazo y por capas, se pueden corregir a mano en vez de aceptar lo que vino.

Un consejo antes de generar cuarenta: muchas secciones no necesitan ícono. La grilla de tres tarjetas con un ícono arriba de cada título es slop aunque los íconos sean propios.

Los shaders, ahora para todos

El otro cambio es del 2 de noviembre: los shaders (fondos y texturas generados por código, animados o interactivos) pasaron a estar disponibles para todos, se exportan hasta 4096 píxeles y entran en las code layers, la función que convierte un diseño en código dentro del archivo. La ayuda sobre code layers aclara que las code layers siguen en beta abierta y que los shaders dentro de ellas solo funcionan en Chrome, no en la app de escritorio.

Aquí la mirada es la opuesta. Un shader de colores que se mueve detrás del título es muy fácil de poner y muy difícil de justificar, y tiene todo para ser el próximo degradé violeta: algo que da sensación de diseño sin decir nada de la marca. No lo usaría de fondo genérico; sí cuando el movimiento cuenta algo del producto.

Qué haría hoy con esto

• Mide tu web primero: el Slop Score marca «Íconos de Lucide por defecto» cuando los encuentra.
• Junta dos o tres referencias que ya sean de tu marca y úsalas como estilo al pedirle íconos al agente de Figma.
• Saca los íconos que no explican nada antes de reemplazarlos. Los que quedan, que sean pocos y con el mismo trazo.
• Si vas a probar un shader, míralo con el texto encima y en el celular antes de decidir que se queda.

Para el resto de lo que hace que una web generada se vea igual a todas, está la guía para arreglarla.