# Elia Antúnez — fuente completa para NotebookLM > Documento markdown plano con el contenido público indexable de eliaantunez.com. Esta fuente está pensada para NotebookLM y otros asistentes de lectura. Incluye solo páginas y contenidos públicos: inicio, blog, tienda, proyectos publicados y Mundo Nova publicado. No incluye portal, administración, datos de alumnos, mini-apps privadas, códigos, reservas privadas ni información de usuarios. ## Resumen del sitio Elia Antúnez es Arquitecta de Ecosistemas Digitales. Trabaja diseño estratégico, IA aplicada, branding, automatización, arquitectura de conocimiento y formación para marcas, equipos y profesionales. ## Páginas públicas principales - Inicio: https://eliaantunez.com/ - Blog: https://eliaantunez.com/blog - Tienda: https://eliaantunez.com/tienda - Mundo Nova: https://eliaantunez.com/mundo-nova - FAQ: https://eliaantunez.com/faq - Contacto: https://eliaantunez.com/contacto ## Contenido público ## El mercado no quiere IA. Quiere claridad. - URL: https://eliaantunez.com/blog/ideas-mercado-no-quiere-ia-quiere-claridad - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: estrategia, ia, mercado, claridad - Categoría: Estrategia · Lectura: 6 min > Una reflexión sobre por qué el hype de la IA está enmascarando el verdadero problema: la mayoría de empresas no saben qué les duele. ## La trampa del "queremos IA" Un 80% de los briefings que recibo este año mencionan "queremos integrar IA". Cuando pregunto *para qué exactamente*, el silencio dura 4 segundos largos. La verdad es que **no quieren IA. Quieren resolver un problema que no han nombrado.** ## Tres síntomas de empresas pidiendo IA por moda ### Síntoma 1 — No tienen métricas claras No saben cuánto tarda hoy un proceso, cuánto les cuesta o qué tasa de error tiene. Quieren "automatizar con IA" un proceso que no entienden numéricamente. ### Síntoma 2 — Confunden "chatbot" con "estrategia digital" El chatbot es la respuesta de juguete a una pregunta de adulto. Si tu cliente abandona el carrito, el problema no es la falta de chatbot, es la fricción. ### Síntoma 3 — Esperan que la IA sustituya la decisión humana La IA puede ejecutar variantes de una decisión que **tú** debes tomar. Si delegas la decisión, delegas el negocio. ## Lo que pide realmente el mercado Después de 100 conversaciones con fundadores y directores este año, he detectado tres dolores reales bajo el "queremos IA": ### Dolor 1 — Necesitamos ir más rápido sin contratar más gente Aquí sí, la IA tiene un papel claro: automatización de procesos repetitivos, generación asistida de contenido, primer borrador de propuestas comerciales. ### Dolor 2 — Tenemos demasiado dato y ninguna decisión No es problema de IA, es de **dashboards bien diseñados** y de tener un humano que mire ese dashboard cada lunes. La IA solo amplifica lo que ya haces. ### Dolor 3 — Nuestra propuesta no se entiende Esto es el 90% de los casos. Y la IA no lo soluciona. Lo soluciona claridad estratégica + diseño + copywriting. Un buen brief y una semana de trabajo bien hecho hacen más que GPT-5. ## La pregunta correcta Cuando alguien me dice "queremos IA", yo respondo con esta pregunta: > "¿Cuál es la decisión que toma alguien en tu empresa todos los días que más te gustaría que tomara mejor?" De esa respuesta sale o no sale un caso de uso real para IA. Y muchas veces sale algo mucho más interesante: que el problema es de procesos, de comunicación interna, o de claridad de propuesta. ## El servicio más demandado de 2026 No es "implementar IA". Es **ayudar a entender qué problema tienes antes de elegir herramienta**. Mi taller de "Diagnóstico Operativo" se llena cada vez que lo abro. La gente sabe que necesita pensar mejor antes de comprar tecnología. ## La conclusión que duele La IA es una herramienta poderosísima cuando ya sabes qué quieres. Es un acelerador del caos cuando no lo sabes. Si tu empresa tiene procesos confusos, una marca difusa o una propuesta blanda, **la IA va a hacer todo eso más rápido, no mejor**. Claridad primero. Tecnología después. Siempre en ese orden. ## Truquito: el test de los 3 segundos para validar tu identidad - URL: https://eliaantunez.com/blog/truquitos-test-3-segundos-identidad - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: branding, validación, test, identidad - Categoría: Branding · Lectura: 4 min > Un mini-test que aplico en cada proyecto de branding para saber si la identidad funciona antes de presentarla al cliente. ## El problema Una identidad puede gustarte mucho y no funcionar. Funcionar significa: **la persona equivocada la descarta y la persona correcta la elige**, en menos tiempo del que tarda en pensar. El test de los 3 segundos es la forma más rápida que conozco de detectar si tu identidad tiene esa propiedad. ## Cómo se hace (literal) 1. Coge 5 personas que **no** sean del proyecto (ni cliente, ni equipo, ni tu pareja). 2. Enséñales el logo + tagline durante **exactamente 3 segundos** (cronómetro). 3. Quita la imagen. 4. Pregunta tres cosas: - ¿Qué crees que vende esta marca? - ¿A quién crees que le habla? - ¿Cómo te hace sentir? (una palabra) ## Las respuestas que indican que funciona - **Acierto del sector en 4 de 5 personas**: la marca se posiciona claramente en su categoría - **Coincidencia del público en 3 de 5**: hay claridad de a quién le habla - **Misma palabra emocional repetida**: la marca proyecta una sensación coherente ## Las señales rojas - Cinco respuestas distintas sobre el sector → la marca es ambigua - "No sé" como respuesta más común → la identidad no comunica nada - Respuestas emocionales contradictorias ("seria" + "divertida") → falta coherencia interna - Coincidencia del 100% en sector pero también con tu competencia → falta diferenciación ## Mi versión profesional Lo hago siempre con 5 personas mínimo y 8 ideal. Por Zoom funciona bien: comparto pantalla, cuento 3 segundos, oculto, pregunto. Apunto **literal** las palabras que dicen (no las parafraseo). Luego cruzo respuestas en una tabla simple: | Persona | Sector | Público | Emoción | |---------|--------|---------|---------| | 1 | Software B2B | Empresas medianas | Confianza | | 2 | Consultoría | Startups | Sólido | | ... | ... | ... | ... | Si hay patrón claro → identidad validada. Si no → vuelta al estudio. ## Cuándo aplicarlo - Antes de presentar al cliente la propuesta final - Antes de imprimir cualquier cosa cara - Antes de hacer rollout en redes - Cuando una identidad lleva 2 años y quieres saber si sigue funcionando ## La trampa que evitar No lo hagas con tu cliente como muestra. Tu cliente está sesgado, ha vivido el proceso. Necesitas miradas vírgenes para que el test tenga valor. ## Bonus: cómo lo presento al cliente Les muestro la tabla de respuestas y las palabras textuales. Datos > opinión. Cuando ven que 7 de 8 personas dijeron "tecnología" y la marca es de tecnología, dejan de discutir el color del logo. Un test de 30 minutos puede salvarte un rebrand de 30.000€ que nadie iba a entender. Aplícalo siempre. ✦ ## Agentes, no chatbots: el cambio silencioso de 2026 - URL: https://eliaantunez.com/blog/descubrimientos-agentes-no-chatbots-2026 - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: agentes, ia, automatización, futuro - Categoría: IA Agéntica · Lectura: 8 min > Mientras todos hablan de chatbots, los agentes autónomos están reescribiendo cómo se construye software. Aquí lo que he descubierto este trimestre. ## La diferencia que casi nadie explica bien Un **chatbot** responde preguntas. Un **agente** ejecuta tareas. La diferencia parece sutil hasta que ves uno trabajando. Ejemplo: - *Chatbot:* "¿Qué tal está el clima en Sevilla?" → "25°C, soleado." - *Agente:* "Si va a hacer más de 28°C esta semana, mueve mi reunión del jueves a la mañana y reserva una mesa en una terraza." → ejecuta, confirma, cierra. El agente **decide y actúa**. Eso lo cambia todo. ## Qué he construido este trimestre En los últimos 3 meses he prototipado tres agentes para clientes reales: ### Agente 1 — Triador de leads para una agencia Leer cada formulario entrante, clasificarlo (presupuesto/colaboración/spam), enriquecerlo con datos de LinkedIn, y derivarlo al humano correcto con un resumen de 3 líneas. Tiempo de respuesta pasó de 36h a 2h. ### Agente 2 — Asistente editorial para un newsletter Leer 200 fuentes diarias, seleccionar las 8 noticias relevantes según una guía editorial definida, generar resúmenes y proponer ángulos. El editor humano dedica ahora 1h en vez de 4h al día. ### Agente 3 — Concierge de onboarding para alumnos Responder dudas frecuentes en mi portal, gestionar accesos a recursos por código de curso, recordar deadlines de cada workshop. Reduce mi carga operativa un 40%. ## Qué he aprendido construyendo ### Lección 1 — Los agentes necesitan instrucciones MUY claras Son literales. Si dejas ambigüedad, llenan los huecos creativamente y rara vez como tú esperas. Mi protocolo: escribir el prompt como si fuera un brief de junior nuevo. ### Lección 2 — Sin "human in the loop" todo se rompe Dejar a un agente solo en producción es jugar a la ruleta rusa. Siempre hay un humano que aprueba acciones críticas (pagos, emails a clientes, decisiones irreversibles). ### Lección 3 — La memoria es el cuello de botella Los agentes olvidan. Resolverlo requiere arquitectura: vector databases, contexto persistente, RAG bien hecho. Es donde se va el 60% del trabajo técnico. ### Lección 4 — Los agentes simples ganan Agente que hace una cosa muy bien > agente que intenta hacer todo. La modularidad es clave. Pequeños agentes orquestados venciendo a un megaagente confuso. ## Stack que he usado - **OpenAI Assistants API** o **Anthropic Claude API** como cerebro - **Supabase + pgvector** para memoria - **n8n** o **Make** para orquestación de tareas no-IA - **Cursor** para escribir el código del agente - **Lovable** para construir el panel de control ## La oportunidad real Las empresas que en 2024 contrataron a alguien para "implementar ChatGPT" en 2026 contratan a alguien para **diseñar agentes**. Es un perfil nuevo: a medio camino entre product manager, copywriter y desarrollador. Si tienes background de diseño o estrategia + sabes prompting + entiendes APIs, eres oro puro. ## Lo que viene En 6 meses veremos agentes orquestados (un agente que coordina a otros agentes). En 12 meses, marketplaces de agentes pre-construidos. En 24 meses, la mayoría del software interno de las empresas será agéntico. 2026 es el año en que dejamos de hablar con la IA y empezamos a delegarle. Ese es el cambio silencioso que casi nadie ha terminado de ver. ## La belleza como función - URL: https://eliaantunez.com/blog/reflexiones-belleza-como-funcion - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: diseño, belleza, filosofía, producto - Categoría: Filosofía del diseño · Lectura: 7 min > Por qué en la era de los productos generados por IA, la belleza dejó de ser un lujo y se convirtió en la última ventaja competitiva real. ## Una intuición que llevo masticando un año La belleza no es decoración. Es una función. Como la usabilidad, como el rendimiento, como la accesibilidad. Y en un mundo donde cualquiera puede generar un producto en una tarde con IA, **la belleza es la última frontera donde el oficio todavía importa**. ## Definamos belleza (sin pretensiones) No hablo de "bonito". Bonito es opinión. Belleza es **coherencia entre forma y propósito**. Una página que carga rápido y se lee bien es bella. Un botón que invita a ser pulsado es bello. Una marca que dice quién es sin gritarlo es bella. La belleza, así definida, es **una decisión informada en cada detalle**. ## Por qué importa más ahora ### Razón 1 — La media ha subido Hace 10 años, una landing decente diferenciaba. Hoy la media es buena. Para destacar, hay que pasar de "bien hecho" a "evidentemente cuidado". Y ese salto cuesta tiempo, gusto y método. ### Razón 2 — La IA no tiene sensibilidad estética Genera variantes, pero no decide. Y cada decisión estética implica jerarquía: qué destacar, qué reducir, qué silenciar. Eso requiere alguien con criterio mirando. ### Razón 3 — La gente nota el cuidado No lo verbaliza, pero lo nota. Y compra a quien lo cuida. Apple lleva 30 años demostrándolo. Stripe lleva 10. La belleza vende, no porque seduzca, sino porque **señala competencia**. ## Tres ejemplos de belleza como función ### Linear (la app de gestión) Cada animación tiene 200ms exactos. Cada espaciado responde a un sistema. Resultado: usarla se siente bien y por eso los equipos la prefieren a Jira aunque cueste el doble. ### Stripe Docs La documentación más bella del mundo dev. Y por eso la más leída. La belleza redujo el tiempo de onboarding de sus usuarios. ### Arc Browser Se atrevieron a repensar el navegador desde la estética. Mucha gente lo usa solo porque es bello. Y eso es función pura: retención. ## Cómo cultivo belleza en mi proceso 1. **Empiezo por la tipografía.** El 80% del producto es texto. Si la tipografía está bien, ya casi está. 2. **Espaciado generoso.** El blanco es estructura, no vacío. 3. **Una jerarquía clara.** Tres niveles máximo. Si necesitas más, repiensa. 4. **Movimiento con propósito.** Las animaciones explican, no decoran. 5. **Detalles que solo se notan cuando los buscas.** Easter eggs visuales, micro-interacciones, transiciones suaves. ## La objeción típica "Pero la belleza es subjetiva". Solo la belleza superficial. La belleza estructural — coherencia, ritmo, jerarquía, contraste — es **medible y enseñable**. La razón por la que algunos productos parecen "evidentemente buenos" no es magia: es método. ## La conclusión En la era de la abundancia generada, la **escasez de cuidado** se convierte en la moneda más valiosa. Y el cuidado, traducido a forma, es belleza. No diseñes para impresionar. Diseña para honrar al usuario que va a estar mirando tu trabajo durante minutos, días, años. La belleza es respeto a esa atención. ## Lo que aprendí formando a 200 personas en IA en un año - URL: https://eliaantunez.com/blog/experiencias-formando-200-personas-ia - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: formación, ia, enseñanza, experiencia - Categoría: Formación · Lectura: 9 min > Doce talleres, tres formatos, una constante: las personas no necesitan más conocimiento, necesitan permiso para experimentar. ## Los números detrás de la historia - **200+ personas** formadas - **12 talleres** de entre 4 y 16 horas - **3 formatos**: presencial intensivo, online en directo, asíncrono con tutoría - **NPS medio:** 72 - **Tasa de aplicación a los 30 días:** 64% (medido con encuesta) ## Quién viene a mis talleres - **40%** profesionales senior con miedo a quedarse atrás - **30%** mandos intermedios buscando "introducir IA en su equipo" - **20%** emprendedores y freelancers queriendo escalar - **10%** curiosos con tiempo y ganas El perfil más interesante: el senior con 15 años de experiencia que **ya sabe trabajar bien** y solo necesita herramientas nuevas. Aprende rápido y aplica mejor que nadie. ## Lo que descubrí ### 1. El problema no es el conocimiento El 80% de mis alumnos ya habían leído sobre IA, visto vídeos en YouTube, probado ChatGPT. Lo que les faltaba era **sentirse legitimados para experimentar**. La formación funcionó como permiso colectivo. ### 2. La práctica supera infinitamente a la teoría Dejé de explicar "cómo funciona un LLM por dentro" en la primera hora. Ahora arrancamos con un ejercicio práctico en los primeros 15 minutos. Energía cambia totalmente. ### 3. Los grupos pequeños retienen 3x más De 30 personas pasé a 12 máximo. La calidad del aprendizaje subió tanto que ya no doy talleres más grandes aunque pague mejor. La conversación es donde ocurre el aprendizaje real. ### 4. El miedo es el principal bloqueo "¿Y si la IA me sustituye?" lo escucho en cada taller. La respuesta no es técnica, es humana: hablar de qué partes de su trabajo aman, cuáles odian, y cómo la IA puede ayudar a liberar tiempo para lo primero. ### 5. Las plantillas matan, los frameworks salvan Al principio daba "10 prompts listos para usar". A los 30 días nadie los usaba. Cambié a enseñar **cómo construir prompts** y la aplicación se multiplicó. ## El formato que mejor funciona Después de probarlos todos, mi preferido es: - **2 sesiones de 4h**, separadas por una semana - **Tarea aplicada** entre sesión y sesión sobre proyecto real del alumno - **Comunidad privada** para 30 días post-taller - **Sesión de seguimiento** opcional al mes ## Lo que cambiaría si empezara hoy 1. Cobrar más desde el principio (los talleres baratos atraen alumnos pasivos) 2. Pedir un proyecto real concreto **antes** de admitir al alumno 3. Filtrar más por compromiso, menos por background 4. Documentar cada taller con vídeo desde el día 1 5. Construir el portal de alumni mucho antes (lo que estoy construyendo este año) ## La métrica que nunca olvido Al final de cada taller pregunto: **"¿Qué vas a hacer mañana lunes que no hubieras hecho sin este taller?"** Si 8 de 10 personas tienen una respuesta concreta, el taller funcionó. Si no, vuelvo a ajustar. ## Lo que sigue Este año estoy construyendo formaciones largas (3 meses) para empresas en lugar de talleres puntuales. La transformación ocurre con tiempo, no con sprints. Y los próximos 200 alumnos van a aprender mejor porque sé qué funciona y qué no. Enseñar es la mejor forma de seguir aprendiendo. Cada taller me hace mejor profesional. Por eso lo hago, y por eso lo voy a seguir haciendo. ✦ ## Mis 12 recursos favoritos para aprender diseño + IA en 2026 - URL: https://eliaantunez.com/blog/recursos-12-favoritos-diseno-ia-2026 - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: recursos, newsletters, libros, aprendizaje, ia - Categoría: Aprendizaje · Lectura: 7 min > Una selección curada de cursos, newsletters, libros y herramientas que han marcado mi forma de trabajar este año. ## Cómo elegí estos 12 Filtro cero: que los haya consumido yo y aplicado en proyectos reales. Nada de "se ve interesante". Solo lo que ha cambiado mi práctica. ## NEWSLETTERS (4) ### 1. Stratechery — Ben Thompson La mejor lente para entender la economía del software y la IA. Suscripción de pago, **vale cada euro**. ### 2. Lenny's Newsletter Product management aplicado, con casos reales. La sección de entrevistas es oro puro. ### 3. The Pragmatic Engineer — Gergely Orosz Para entender cómo se construye software a escala. Imprescindible si trabajas con equipos técnicos. ### 4. The Generalist — Mario Gabriele Tesis profundas sobre tendencias tech. Te ayuda a pensar a 5 años vista, no a 5 días. ## LIBROS (3) ### 5. *Designing for Behavior Change* — Stephen Wendel La biblia para diseñar productos que cambian comportamientos. Aplicable a UX, marketing, y producto. ### 6. *The Mom Test* — Rob Fitzpatrick El libro más práctico que existe sobre entrevistas a usuarios. Lectura obligada antes de cualquier research. ### 7. *Co-Intelligence* — Ethan Mollick La mejor síntesis sobre cómo trabajar con IA sin perder la cabeza ni el oficio. ## CURSOS (3) ### 8. Build Your Own X — Refactoring UI De Adam Wathan (creador de Tailwind). Diseño visual concreto y aplicable. **Mi top 1 absoluto.** ### 9. Lenny's Premium — community + workshops Los workshops semanales con product leaders de top companies son insuperables. ### 10. AI for Designers — Maven cohort Curso intensivo sobre integración de IA en flujos de diseño. Cohorte pequeña, networking valioso. ## HERRAMIENTAS (2) ### 11. Cursor (editor con IA) Mi editor de código diario. Pair-programming con IA real, no autocompletado. Cambió mi velocidad por 3. ### 12. Lovable Para prototipar productos web completos en horas. Si quieres validar una idea rápido, no hay nada mejor. ## MENCIONES HONORÍFICAS - **Are.na** para curar visualmente - **Notion AI** para síntesis de notas - **Granola** para resúmenes de meeting con IA - **Linear** para gestión de proyecto que no estorba - **Tldraw** para diagramas rápidos ## Cómo organizo el consumo - Lectura larga: **40 min al día**, sagrado, antes de empezar a producir - Newsletters: leo en domingo, batch de 1 hora - Libros: 30 min noche, sin pantallas - Cursos: bloqueo media tarde de los viernes ## La regla de oro Mejor profundizar en 12 fuentes durante un año que saltar entre 200 cada semana. La fragmentación de inputs genera fragmentación mental. Curar es un acto de respeto hacia ti. Descarga la lista completa con enlaces y por qué cada uno aquí abajo. ✦ ## Tutorial: monta una landing en React que convierte (sin morir en el intento) - URL: https://eliaantunez.com/blog/tutoriales-landing-react-conversion - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: react, vite, tailwind, tutorial, landing - Categoría: Desarrollo · Lectura: 12 min > Una guía paso a paso para construir una landing premium con React + Vite + Tailwind, optimizada para conversión y SEO. Sin frameworks oscuros. ## Lo que vamos a construir Una landing de una sola página con: hero animado, sección de valor, social proof, CTA principal, formulario de contacto integrado y SEO básico configurado. Todo en React 18 con Vite y Tailwind. Tiempo estimado: 3 horas si es tu primera vez, 1 hora si ya has hecho varias. ## Stack - **React 18 + Vite** — rapidez y DX excelente - **Tailwind CSS v3** — utility-first sin sufrimiento - **Lucide React** — iconos limpios - **React Hook Form** — formularios sin dolor ## Paso 1 — Setup ```bash npm create vite@latest mi-landing -- --template react-ts cd mi-landing npm install npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p npm install lucide-react react-hook-form ``` ## Paso 2 — Sistema de diseño mínimo Define en `index.css` tus tokens semánticos: ```css :root { --primary: 219 91% 45%; --background: 0 0% 100%; --foreground: 220 25% 10%; } ``` Nunca uses colores hardcoded. Siempre tokens. Esto es lo que separa una landing amateur de una premium. ## Paso 3 — Hero que enganche La regla del hero: **una promesa clara + un CTA + una prueba de valor en menos de 5 segundos**. ```jsx

Tu titular aquí.

Subtítulo que aclara para quién es y qué resuelve.

``` ## Paso 4 — Formulario que NO se rompe ```jsx import { useForm } from "react-hook-form"; function ContactForm() { const { register, handleSubmit, formState: { errors } } = useForm(); const onSubmit = (data) => console.log(data); return (
{errors.email && Email válido por favor}
); } ``` ## Paso 5 — SEO básico (no opcional) En `index.html`: ```html Tu propuesta clara — bajo 60 caracteres ``` Un `

` por página. Alt text en todas las imágenes. Lazy loading en las que no sean LCP. ## Paso 6 — Performance - Comprime imágenes (WebP siempre que puedas) - `loading="lazy"` en imágenes below-the-fold - Code splitting con `React.lazy()` para rutas secundarias - Audita con Lighthouse: objetivo >90 en todas las métricas ## Errores típicos que matan conversión 1. **Hero sin CTA visible sin scroll** — pierdes el 60% de visitas 2. **Formulario con más de 3 campos** — cada campo extra reduce conversión un 11% 3. **Falta de social proof** — sin testimonios o logos, conversión cae a la mitad 4. **Sin claim claro en 3 segundos** — el visitante se va sin entender qué ofreces ## Despliegue Netlify o Vercel. `npm run build` y arrastras la carpeta `dist`. Dominio + SSL + CDN incluidos. ## Siguiente paso Integra analítica (Plausible mejor que GA), conecta el formulario a un backend real (Supabase es perfecto para empezar), y empieza a iterar con datos reales. Mandar tráfico a una landing que no convierte es tirar dinero. Construye bien y mide siempre. ## Mi stack de Figma en 2026: 7 plugins que me ahorran 10 horas a la semana - URL: https://eliaantunez.com/blog/herramientas-mi-stack-figma-2026 - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: figma, plugins, workflow, productividad - Categoría: Herramientas · Lectura: 6 min > No son los plugins más populares. Son los que uso cada día y que han transformado mi workflow desde que integré IA en mi proceso. ## Por qué este post (y no otro listado más) Hay 200 listados de "mejores plugins de Figma". Casi ninguno los usa quien los recomienda. Estos siete los uso **literalmente cada semana** y son los que me han hecho ganar tiempo real medido con Toggl. ## 1. Figma AI (nativo) — para todo lo aburrido Desde que se integró nativamente, lo uso para: renombrar capas en lote, reemplazar copys lorem por copy real generado por contexto, crear variantes de componente. **Tiempo ahorrado:** ~3 horas/semana. ## 2. Variables2CSS — sincronización con código Exporto mis Variables (colores, espaciados, tipografía) directamente a tokens CSS o Tailwind config. El handoff con el equipo de desarrollo dejó de ser un calvario. **Tiempo ahorrado:** ~2 horas/semana. ## 3. Content Reel — datos realistas instantáneos Nombres, avatares, países, fechas, productos... todo realista, ya formateado. Hace que mis prototipos parezcan productos reales, no demos de Behance. **Tiempo ahorrado:** ~1 hora/semana. ## 4. Magician — micro-interacciones generadas Le pides "botón que vibra cuando hay error" y te genera el smart-animate ya configurado. Para prototipos avanzados es magia. Lo uso sobre todo para presentaciones a cliente. **Tiempo ahorrado:** ~1.5 horas/semana. ## 5. Iconify — biblioteca infinita unificada Lucide, Heroicons, Tabler, Material Symbols... todas en un solo plugin con búsqueda semántica. Olvídate de exportar SVG manualmente. **Tiempo ahorrado:** ~1 hora/semana. ## 6. Color Shades — paletas accesibles automáticas Le das un color base y te genera 10 tints/shades con contraste WCAG verificado. Esencial para sistemas de diseño escalables. **Tiempo ahorrado:** ~1 hora/semana al inicio de proyecto. ## 7. Figma to Code (con Anima o Locofy) — primer borrador en React No es perfecto, pero te da un boilerplate que ahorra el 60% del setup inicial. Especialmente útil para landing pages. **Tiempo ahorrado:** ~2 horas/semana. ## Lo que NO uso (y por qué) - **Unsplash plugin:** prefiero curaduría manual, las imágenes random arruinan la coherencia visual - **Builder.io:** más overhead que beneficio en mi flujo - **Plugins de "auto-layout mágico":** prefiero entender bien Auto Layout que delegarlo ## Bonus: cómo organizo mi sidebar Fijo solo los 4 que más uso (Figma AI, Variables2CSS, Content Reel, Iconify). Los demás los invoco con `Cmd + /`. Mantener el sidebar limpio acelera mucho el día a día. ## Conclusión Las herramientas no te hacen mejor diseñador, pero te liberan tiempo para pensar mejor. Y pensar bien es el único trabajo que la IA aún no puede hacer por ti. ## Lo que aprendí rebrandeando 12 marcas con IA en 6 meses - URL: https://eliaantunez.com/blog/aprendizajes-rebrand-ia-12-marcas - Tipo: Blog - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: branding, ia, midjourney, proceso creativo - Categoría: Branding & IA · Lectura: 8 min > Seis meses, doce identidades, cero clichés. Estos son los aprendizajes reales sobre cómo la IA cambia (y no cambia) el oficio del branding. ## El experimento Durante seis meses tomé doce briefings de marca y trabajé cada uno con un stack híbrido: Midjourney + Figma + ChatGPT + mi cabeza. La hipótesis era simple: ¿puede la IA acelerar el proceso de branding sin diluir la profundidad estratégica? La respuesta corta: **sí, pero solo si tú llevas el timón**. ## Aprendizaje 1 — La IA no tiene gusto, tiene patrones Midjourney genera imágenes preciosas. Y todas se parecen. Si pides "logo minimalista" sin más contexto, te devuelve la media estadística de Behance. Lo que diferencia a una marca buena de una marca olvidable es la **decisión consciente** de salirte de esa media. Mi protocolo ahora: empiezo con un *moodboard manual* (Pinterest, libros, paseos), construyo el sistema semántico en notion, y solo *después* uso la IA para iterar variantes dentro de ese marco. ## Aprendizaje 2 — El cliente no quiere "ser único", quiere ser reconocible Nueve de doce clientes me pidieron explícitamente "algo que no se parezca a nada". Los doce, sin excepción, eligieron al final la propuesta más cercana a su categoría. La originalidad asusta cuando hay que defenderla en una reunión de stakeholders. **Lección práctica:** trabajar con dos ejes — *reconocibilidad de categoría* (50%) y *firma propia* (50%). Ni 100% único, ni 100% genérico. ## Aprendizaje 3 — La velocidad cambia el proceso, no el resultado Antes tardaba 4 semanas en presentar 3 rutas. Ahora presento 6 rutas en 10 días. ¿El resultado final es mejor? No necesariamente. Pero la conversación con el cliente es **muchísimo más rica** porque tiene material real para reaccionar antes. ## Aprendizaje 4 — La tipografía sigue siendo el 80% del trabajo La IA no diseña tipografía bien. Punto. Cualquier rebrand serio sigue requiriendo trabajo manual con Glyphs, FontLab o (al menos) curaduría tipográfica humana. La elección de una sans-serif geométrica vs una grotesque humanista define más la marca que cualquier logotipo. ## Aprendizaje 5 — La parte estratégica se ha vuelto más importante, no menos Cuando ejecutar es barato, **pensar bien vale el doble**. Mis briefings ahora son tres veces más largos que hace dos años. Investigamos competencia, semántica del sector, arquetipos de marca, jobs-to-be-done. La IA solo es buena si sabes exactamente qué le pides. ## El stack que recomiendo (a fecha de hoy) - **Estrategia:** Notion + Claude para sintetizar entrevistas - **Moodboard:** Pinterest + Are.na (manual) - **Logo exploration:** Midjourney + Figma para limpiar - **Sistema visual:** Figma con Variables y modos - **Tipografía:** curaduría humana, Fontstand para licencias - **Presentación:** Figma Slides o Pitch ## La conclusión incómoda La IA no me ha reemplazado, pero ha reemplazado a los diseñadores que solo sabían ejecutar. El valor se ha desplazado hacia **estrategia + curaduría + storytelling**. Si tu trabajo es vectorizar logos, tienes un problema. Si tu trabajo es defender por qué este logo (y no otro) construye negocio, tienes más oportunidades que nunca. ## Taza Nova States - URL: https://eliaantunez.com/tienda/tznovastates - Tipo: Tienda - Tipo: merch · Precio: 10.00 EUR Taza de estados de Nova ## Tazas Nova Collection - URL: https://eliaantunez.com/tienda/tnovacollection - Tipo: Tienda - Tipo: merch · Precio: 40.00 EUR Colección de tazas Nova ## Taza Nova Cozy - URL: https://eliaantunez.com/tienda/tnovacozy - Tipo: Tienda - Tipo: merch · Precio: 7.00 EUR Taza Nova cozy ## Curso de Notion AI para la Productividad - URL: https://eliaantunez.com/tienda/coursenotion - Tipo: Tienda - Tipo: course · Precio: 20.00 EUR Curso para la productividad utilizando Notion AI ## Trucos de Inteligencia Artificial (Ebook) - URL: https://eliaantunez.com/tienda/tipsia - Tipo: Tienda - Tipo: resource · Precio: 3.00 EUR Truquitos para iniciarte en la IA en pleno 2026 ## Consultoría - URL: https://eliaantunez.com/tienda/consultoria - Tipo: Tienda - Tipo: consultation · Precio: 50.00 EUR · Enlace: https://calendar.app.google/8jQTr7szjkxTYkPg6 Prueba de producto explicado ## Auditoría de Emprendimiento - URL: https://eliaantunez.com/tienda/auditbsnss - Tipo: Tienda - Tipo: consultation · Precio: 50.00 EUR · Enlace: https://calendar.app.google/MTNoAGAGCM5AcRqU6 Auditoría de emprendimiento para startups ## AulaPro · Formación IA para empresa - URL: https://eliaantunez.com/proyecto/aulapro-formacion-ia-empresa - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: Talleres presenciales, Mentoría, Slack workflows, ChatGPT Enterprise, Notion, Anthropic Claude - Categoría: Formación IA & Digital > Programa formativo de 12 semanas para una consultora de 80 personas: alfabetización en IA, casos de uso por departamento y comunidad interna sostenible. ## El reto Una consultora estratégica de 80 personas con dos perfiles muy distintos: senior managers escépticos sobre la IA y junior consultants ya usando ChatGPT a escondidas. Necesitaban una **base común**: lenguaje compartido, casos de uso validados internamente y políticas claras de uso. ## La aproximación Diseñé un programa de **12 semanas** estructurado en tres fases: ### Fase 1 — Alfabetización (semanas 1-4) - 2 talleres presenciales de 4h para todo el equipo - Vocabulario común, mitos y realidades, demos en vivo - Política interna de uso de IA co-creada con el equipo legal ### Fase 2 — Aplicación por departamento (semanas 5-9) - Sesiones especializadas por área: research, analítica, comercial, comunicación - Cada departamento identificó **3 procesos prioritarios** para experimentar - Mentoría semanal con cada equipo de proyecto ### Fase 3 — Comunidad sostenible (semanas 10-12) - Lanzamiento de un canal interno "AI Lab" en Slack - Sistema de "champions" — 8 personas formadas en profundidad - Documentación interna viva: prompts validados, casos de uso, lecciones ## Resultados medidos - **Tasa de adopción a los 90 días:** 87% del equipo usa IA semanalmente en su trabajo - **Casos de uso documentados:** 34, de los cuales 12 ya en producción - **Tiempo medio liberado por consultor:** 5h/semana - **NPS interno del programa:** 81 ## Lo más interesante del proyecto Lo más difícil no fue lo técnico. Fue **alinear las expectativas entre direcciones**. La dirección financiera quería ROI a los 3 meses; la dirección de personas quería cuidar el clima; los socios fundadores tenían miedo de perder el "factor humano". El programa funcionó porque hicimos un trabajo previo de governance y porque dejamos que cada departamento eligiera sus propios casos. ## Aprendizaje clave La formación en IA no es un curso. Es un **proceso de transformación cultural** que necesita acompañamiento sostenido. Los talleres puntuales generan entusiasmo; los programas largos generan resultados. ## Horizon · Estrategia digital para SaaS - URL: https://eliaantunez.com/proyecto/horizon-estrategia-digital - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: Notion, Miro, Granola, Looker Studio, Webflow, Customer interviews - Categoría: Estrategia Digital > Reposicionamiento estratégico, arquitectura de marca y roadmap de crecimiento para un SaaS B2B de gestión de contratos en fase serie A. ## El reto Un SaaS B2B con producto sólido y 400 clientes activos, pero con un mensaje difuso que les costaba defender en la ronda Serie A. El feedback recurrente de inversores: *"no entiendo en 30 segundos qué hacéis exactamente y por qué ahora"*. ## La aproximación Tres semanas de inmersión profunda + dos semanas de síntesis y entrega: ### Semana 1-2 — Diagnóstico - 18 entrevistas en profundidad: 8 clientes, 5 prospects perdidos, 3 ex-empleados, 2 inversores - Análisis de 12 competidores directos e indirectos - Auditoría de todos los puntos de contacto: web, ventas, onboarding, soporte ### Semana 3 — Reposicionamiento - Definición de **categoría** (no eran "gestión de contratos" sino "infraestructura de acuerdos B2B") - Construcción de la propuesta de valor en 3 capas: técnica, funcional, emocional - Narrativa para inversores con 5 ángulos según perfil ### Semana 4-5 — Arquitectura y roadmap - Mapa de mensajes por audiencia (C-level, legal, IT, finance) - Roadmap de comunicación a 6 meses: web, content, eventos, PR - Sistema de medición con 5 KPIs vinculados a negocio ## Resultados medidos - **Cierre de ronda Serie A** con sobre-suscripción del 2.3x en 4 meses - **Tiempo medio de cierre comercial** reducido de 87 a 52 días - **MRR creciendo 18% mensual** los 6 meses posteriores - **Tasa de churn** bajó del 4.2% al 2.7% ## Lo más interesante del proyecto El insight clave llegó en una entrevista con un cliente perdido que dijo: *"vuestro producto es mejor pero el de la competencia me lo vendieron en 5 minutos"*. Toda la estrategia se reorientó alrededor de **resolver la fricción de comprensión** antes que añadir features. ## Aprendizaje clave La mejor estrategia digital no es la más sofisticada, es **la que más rápido se entiende**. Reducir la complejidad cognitiva del comprador es un trabajo de estrategia, no solo de copy. ## Meridia · App de banca móvil - URL: https://eliaantunez.com/proyecto/meridia-fintech-app - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: Figma, FigJam, Maze, Zeroheight, Lookback, iOS HIG, Material Design - Categoría: UI/UX Design > Rediseño completo de la app de un neobanco europeo: arquitectura de información, sistema de diseño, design system handoff y test con usuarios reales. ## El reto Un neobanco con 250.000 usuarios y NPS estancado en 28. Las 3 quejas más frecuentes: *"me cuesta encontrar lo que busco"*, *"hay demasiados pasos para una transferencia"*, *"no entiendo mis comisiones"*. El equipo interno tenía claras las soluciones técnicas, pero le faltaba una mirada externa con criterio de producto. ## La aproximación Proyecto de **14 semanas** estructurado en 4 sprints: ### Sprint 1 — Discovery - 24 entrevistas con usuarios reales en 3 mercados (España, Francia, Alemania) - Tree testing sobre la arquitectura actual: tasa de éxito del 47% - Heuristic evaluation con framework de Nielsen ampliado ### Sprint 2 — Arquitectura nueva - Card sorting con 60 usuarios - Nueva IA con 3 niveles máximo y nomenclatura validada - Tree testing de la nueva: tasa de éxito del 89% ### Sprint 3 — Sistema de diseño - Design tokens: colores semánticos, tipografía escalable, espaciados modulares - Componentes base con variantes y estados - Documentación viva en Figma + Zeroheight - Modo oscuro y modo claro nativos ### Sprint 4 — Validación + handoff - Tests de usabilidad moderados con 18 usuarios - Iteración sobre 7 fricciones detectadas - Handoff con equipo de desarrollo + sesiones semanales de soporte durante 4 semanas ## Resultados medidos - **Tiempo medio para hacer una transferencia:** 11s (antes 28s) - **Tasa de finalización del onboarding:** 94% (antes 71%) - **NPS a los 90 días post-launch:** 56 (antes 28) - **Tickets de soporte sobre comisiones:** -58% ## Lo más interesante del proyecto La decisión más controvertida fue **eliminar el menú hamburguesa** y reemplazarlo por una bottom navigation con 5 elementos. El equipo interno quería mantener acceso a "todo" desde un sitio. Los usuarios demostraron que preferían **menos opciones visibles** pero claras. La fricción de los primeros días valió la pena. ## Aprendizaje clave Un buen sistema de diseño no es una librería de componentes, es **un lenguaje compartido entre diseño, producto y desarrollo**. La mitad del valor del proyecto vino del proceso de construcción del sistema, no del sistema en sí. ## Solenne · Identidad de marca - URL: https://eliaantunez.com/proyecto/solenne-branding - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: Figma, Adobe Illustrator, Indesign, Glyphs, Webflow, Photo styling - Categoría: Branding Design > Identidad completa para una marca de cosmética slow con producción artesanal en Provenza: estrategia, naming, sistema visual y aplicaciones físicas. ## El reto Una emprendedora con 15 años en cosmética industrial decide montar su propia marca de productos slow, hechos en lotes pequeños en su laboratorio en Provenza. Tenía la fórmula y el producto. Necesitaba **todo lo demás**: nombre, identidad, packaging, web y narrativa. ## La aproximación Proyecto de **8 semanas** en 4 fases: ### Fase 1 — Estrategia + naming (semanas 1-2) - Workshop de 2 días en su laboratorio para entender la marca desde dentro - Definición de territorio: "ritual sensorial mediterráneo" - 47 nombres propuestos, 3 finalistas, validación con 30 personas del público objetivo - Nombre elegido: **Solenne** (de "solemnidad" + "soleil") ### Fase 2 — Sistema visual (semanas 3-5) - Logotipo construido sobre proporción áurea, terminaciones inspiradas en la caligrafía provenzal del s.XIX - Paleta cromática: 5 colores extraídos de pigmentos naturales (lavanda, ocre, terracota, oliva, crema) - Tipografía principal serif (Tiempos), secundaria sans humanista (Söhne) - Sistema de patterns inspirado en herbarios botánicos ### Fase 3 — Packaging (semanas 6-7) - 12 SKUs diseñados en frascos de vidrio reutilizables - Etiquetado con tinta vegetal sobre papel reciclado - Sistema de QR vinculado a la trazabilidad de cada lote ### Fase 4 — Aplicaciones digitales (semana 8) - Web de marca + e-commerce básico - Plantillas para Instagram con sistema de 9 cuadrículas temáticas - Brand book de 60 páginas ## Resultados medidos - **Sold out** en las primeras 200 unidades en 3 semanas tras lanzamiento - **Lista de espera** de 1.400 personas a los 2 meses - **Featured** en revistas Hola Living, Marie Claire y Apartamento - **Margen bruto del 68%** vs 42% de la competencia industrial ## Lo más interesante del proyecto La decisión más arriesgada fue **no mostrar producto** en redes los primeros 2 meses. Solo construimos universo: paisajes, manos trabajando, frascos vacíos sobre madera. Cuando lanzamos el producto, ya había una narrativa que lo sostenía. La gente compraba el ritual, no la crema. ## Aprendizaje clave Una identidad de marca premium no se construye con presupuesto, se construye con **convicción narrativa**. Si la fundadora no puede explicar su marca en una frase, ningún diseñador podrá hacerla brillar después. ## Atlas · Sistema de comunicación gráfica - URL: https://eliaantunez.com/proyecto/atlas-comunicacion-grafica - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: Figma, Adobe Suite, p5.js, Glyphs, InDesign, Print production - Categoría: Comunicación Gráfica > Sistema editorial completo para un festival de música electrónica con 4 escenarios y 80 artistas: identidad por edición, señalética, prensa y digital. ## El reto Un festival de música electrónica con 7 ediciones a la espalda quería **profesionalizar su comunicación visual** sin perder la frescura que les caracterizaba. Cada año contrataban a un diseñador distinto y la marca se diluía. Necesitaban un **sistema flexible** que se adaptara cada edición pero mantuviera reconocibilidad. ## La aproximación Proyecto de **6 meses** dividido en construcción + ejecución de la primera edición: ### Mes 1-2 — Auditoría + estrategia - Análisis de las 7 ediciones anteriores - Benchmark de 25 festivales internacionales - Definición de los **invariantes** (logo, tipografía, lenguaje fotográfico) y los **variables** (paleta, patrón, ilustración) que cambian cada edición ### Mes 3-4 — Sistema visual - Logo modular con 5 variantes según contexto - Sistema tipográfico con 1 display custom + 1 sans operativa - Lenguaje fotográfico con guidelines clarísimas - Generador de patrones paramétrico (un script de p5.js que produce variaciones controladas) - Aplicaciones: cartelería, redes, programa, merchandising, accesos ### Mes 5 — Identidad de la edición - Concepto creativo de la edición: "Pulsos" - Paleta específica: 4 colores pulsantes + base neutra - Patrón generado con datos de BPM de los artistas confirmados ### Mes 6 — Producción + rollout - 80 piezas gráficas (carteles, RRSS, programa, merch) - Señalética de 12 puntos del recinto - Documentación operativa para el equipo interno ## Resultados medidos - **Engagement medio en RRSS:** +180% vs edición anterior - **Venta de merchandising:** sold out en 48h vs 2 semanas en ediciones previas - **Cobertura en prensa especializada:** 14 medios (vs 6 anteriores) - **NPS del público sobre experiencia visual:** 84 ## Lo más interesante del proyecto El componente más innovador fue el **patrón generativo**: cada edición, el equipo interno introduce los BPMs de los artistas confirmados en un script y obtiene un patrón único pero familiar. Es una forma de hacer que la marca **respire** sin necesidad de un diseñador externo cada año. ## Aprendizaje clave Un buen sistema visual no se mide por su belleza, se mide por su **adaptabilidad sin pérdida de identidad**. Diseñar para un festival es diseñar para 80 contextos distintos: el cartel de una tipografía no puede competir con el background de un escenario, pero ambos tienen que sentirse parte de lo mismo. ## Núcleo · Web estudio de arquitectura - URL: https://eliaantunez.com/proyecto/nucleo-arquitectura-web - Tipo: Proyecto - Fecha: 2026-04-18T19:01:32.091348+00:00 - Etiquetas: React, Vite, Tailwind CSS, Framer Motion, Sanity CMS, Vercel, WebP/AVIF - Categoría: Desarrollo Web > Sitio web premium para un estudio de arquitectura con 30 proyectos publicados, sistema CMS interno, animaciones cinematográficas y rendimiento perfecto. ## El reto Un estudio de arquitectura premiado internacionalmente tenía una web de 2014 hecha en Wordpress que no representaba la calidad de su trabajo. Querían una web que **transmitiera el mismo cuidado que ponen en cada edificio** y que les permitiera publicar nuevos proyectos sin depender de programadores. ## La aproximación Proyecto de **10 semanas** en 4 etapas: ### Etapa 1 — Estrategia + arquitectura (semanas 1-2) - Entrevistas con socios fundadores y client advocates - Definición de la jerarquía: proyectos > estudio > publicaciones > contacto - Wireframes de las 7 plantillas necesarias ### Etapa 2 — Diseño (semanas 3-5) - Sistema visual minimalista: tipografía editorial + espacios generosos - Tratamiento fotográfico cinematográfico con paralax sutil - Modo claro y modo oscuro con cambio según hora del día - Animaciones cuidadas con Framer Motion (sin estridencias, todo orgánico) ### Etapa 3 — Desarrollo (semanas 6-9) - Stack: React + Vite + Tailwind + Framer Motion - CMS headless con Sanity para que el equipo publique sin código - Imágenes optimizadas con next-gen formats (WebP, AVIF) - Despliegue en Vercel con CDN global ### Etapa 4 — Lanzamiento + formación (semana 10) - Migración de 30 proyectos - Formación al equipo en Sanity (3 sesiones de 2h) - Documentación de cómo subir un proyecto nuevo ## Resultados medidos - **Lighthouse score:** 100/100/98/100 - **Tiempo de carga:** 0.9s (antes 4.2s) - **Tiempo medio en página:** +220% - **Solicitudes de contacto cualificadas:** +185% en los 3 meses post-launch - **Aparece en 3 listados internacionales** de "best architecture websites" en el primer trimestre ## Lo más interesante del proyecto La decisión más radical fue **eliminar el menú principal en desktop** y sustituirlo por una navegación contextual que aparece al hacer scroll. La home deja todo el espacio al primer proyecto destacado. Los socios estaban muy nerviosos los primeros días; cuando vieron que el tiempo en página se duplicó, dejaron de preocuparse. ## Aprendizaje clave La mejor web no es la que tiene más cosas, es **la que mejor honra el trabajo que muestra**. Para un estudio de arquitectura, eso significa silencio, espacio y una experiencia editorial cuidada. Cada animación, cada tipografía y cada espaciado debe sentirse coherente con el oficio del cliente.