Google's Design.md is a design team in a file (Greg Isenberg × Meng To)
Podcast de Greg Isenberg × Meng To (diseñador, fundador de Design+Code, creador de los productos Aura / New Form / Dream Cut) sobre design.md — la convención de código abierto de Google, equivalente a agents.md / skills.md / soul.md pero para el sistema de diseño (tipografía, colores, espaciado, animaciones WebGL/Three.js, reglas de revelado).
#design.md#Google#sistema de diseño#equipo de diseño en un archivo#Meng To#Greg Isenberg#Design+Code#Aura
Resumen
Greg Isenberg recibe al diseñador Meng To (fundador de Design+Code, creador de Aura, New Form, Dream Cut) para desglosar design.md — la convención de código abierto de Google que transporta "el alma del sistema de diseño" en un archivo markdown, equivalente a agents.md / skills.md / soul.md pero dedicada a la capa visual (tipografía, colores, espaciado, WebGL / Three.js, reglas de animación de revelado). El episodio es un manifiesto pedagógico sobre cómo crear diseños jaw-dropping (que dejan boquiabierto) sin ser diseñador.
Diagnóstico central: design drift. Las herramientas one-shot (V0, Lovable, Framer) generan una primera pantalla impresionante y luego derivan hacia páginas genéricas en las pantallas siguientes — no existe una memoria de diseño compartida entre prompts. La solución design.md actúa como un blueprint transferible: transporta la tipografía, los colores, el espaciado, WebGL y las reglas de animación entre Lovable, Cursor, Codex, Claude Code, Google Stitch, Aura, V0, Figma. Meng formaliza una tríada: design.md = receta, HTML = plato terminado, skills = ingredientes. Las skills (63 en New Form: láseres, skeuomorphic, 3D, copywriting, batch design) son prompts copiables que elevan un diseño de "0 a 50 o de 50 a 80" con un solo clic.
El flujo de trabajo completo de Meng en 9 pasos: Reference → design.md → Generate → Inspect → Systemize → Iterate (más de 1000 prompts) → Remix → Expand → Export. Afirma haber llegado hasta 10.000 iteraciones por producto, haber gastado ~500.000 $ en tokens, y gestionar 4 productos en paralelo en solitario. Distinción estructurante: iteration (incremental, 90% del tiempo) frente a remix (cambio de categoría, 10%).
Cadena de demostración en pantalla: Aura (galería design.md + remix + prompt), Google Stitch 3.1 (infinite canvas, "unfair they give it for free" / "es injusto que lo regalen"), OpenClaude/Codex (lectura de MD multiarchivo a través de carpetas anidadas), Variant.com (fase de remix creativo), Replit slides / Hyperframes / Remotion (expansión hacia slides + motion).
Metatesis: el gusto (taste) es el único moat que queda. "Si algo se parece a otra cosa, reduce el valor de 10× a 100×." El gradiente morado — un wow hace 5-10 años — se ha convertido en una señal de huida. La base es alta pero genérica: la supervivencia depende de la recencia de adopción de modelos/herramientas/convenciones y del judgment per minute (juicio por minuto: microdecisiones humanas sobre lo que produce el agente).
Greg cierra con la idea del second brain design (diseño de segundo cerebro): capturar inspiración transversal del mundo real y digital para recuperarla al momento de crear. Meng coincide: "no dejes que la IA lo haga todo. Si lo haces, asegúrate de que sea dentro de un flujo de trabajo que ya dominas."
Puntos clave
Fecha de publicación. 2026-05-06 (canal de YouTube de Greg Isenberg). Vídeo: https://www.youtube.com/watch?v=oLu32YpiIJw
Identidad del invitado. "Mang" / "Ming" / "Mangto" en la transcripción = Meng To, fundador de Design+Code (designcode.io), diseñador reconocido desde hace más de 10 años, autodidacta (abandonó los estudios a los 18, primera empresa a los 22). Trasfondo francófono — Greg señala "vienes del mismo pueblo que yo. Hablas francés". Fundador de varias startups: Aura, New Form, Dream Cut (próxima app para Mac), reconstrucción de Design+Code desde cero.
¿Qué design.md?. una convención de Google, de código abierto, publicada recientemente (anunciada en un tuit con un vídeo de 10 minutos). Misma lógica que agents.md / skills.md / soul.md pero para el diseño.
El agente recibe los tres y produce un resultado coherente en todos los medios (web, móvil, slides, motion).
Problema identificado: design drift. — "Empiezas algo, estás más o menos satisfecho, pero luego pasas a lo demás y se vuelve completamente distinto." Síntoma: un one-shot brillante seguido de páginas genéricas. Causa raíz: ninguna memoria de diseño compartida entre prompts.
Solución: memoria de diseño transferible. — design.md viaja entre Lovable / Cursor / Codex / Claude Code / Stitch / Aura / V0 / Figma. Permite "grabarlo en memoria" diciéndole al agente "recuerda esto".
Flujo de trabajo completo de Meng To. 1. Reference (siempre empezar copiando — "todo diseñador que empieza a dibujar siempre copia primero") 2. Cargar design.md + HTML como adjuntos del prompt 3. Generate (primer intento) 4. Inspect 5. Systemize (fijar el sistema) 6. Iterate — "aquí es donde llego a mil iteraciones" (Meng ha llegado hasta 10.000 iteraciones en algunos productos) 7. Remix al cambiar de categoría 8. Expand hacia otros medios: slide, vídeo promocional, Instagram, intros, Hyperframes, Remotion 9. Export final
Iteration vs. Remix. iteration = satisfecho, pequeño incremento (90% del tiempo de Meng); remix = querer una nueva categoría de producto (10%).
Recursos gratuitos. Aura → sección "design.md" con sistemas de diseño descargables (MD + HTML). Variant.com (variant.com) para la fase de remix creativo. Las comunidades de Figma / Framer / Webflow ofrecen plantillas, pero Meng critica: "encerradas detrás de técnicas y rectángulos y píxeles de Figma, pero ¿cómo se lo explicas eso a un agente?" — de ahí el valor de design.md como blueprint exportable.
Skills (New Form, 63 skills). copywriting ("mejora tu copy un 100%"), láseres ("todo el mundo hace clic en ello, no sé por qué"), skeuomorphic (los botones "lamibles" de Steve Jobs), 3D (Three.js), batch design, font smoothing, system font, body font, color/botón secundario. Cada skill es un prompt copiable, gratuito, monetizado únicamente a través de los tokens.
WebGL / Three.js. lo que lleva un diseño "de 0 a 50 o de 50 a 80 muy rápido". Láseres, animaciones, objetos 3D colocados sobre la tipografía. Diferenciador principal frente a los sitios genéricos de gradiente morado.
Crítica del gradiente morado. hace 5-10 años = wow; hoy = señal de "you just run" (sal corriendo). Metáfora más amplia: "la base es muy alta pero también genérica" — el reto es superar la base, no solo alcanzarla.
Modo competitivo redefinido."como personas que lanzan nuevas ideas, el único moat que tenemos es poder hacer clic en un botón y decir que hemos encontrado este nuevo modelo que literalmente ha arrasado ('cooked') con todos los diseñadores". Supervivencia mediante la recencia de adopción de novedades (modelos, herramientas, convenciones como design.md).
Stack de demostración de Meng.
Aura. (su startup) — galería design.md, remix, prompts adjuntos
Google Stitch (3.1). — "infinite canvas" (lienzo infinito), competidor directo, "es injusto que lo den gratis"
OpenClaude / Codex / Claude Code. — agentes locales, lectura de archivos .md a través de carpetas anidadas, procesamiento multipantalla
Economía indie declarada. Meng To gasta ~500.000 $ en tokens para sus productos, ejecuta entre 1.000 y 10.000 iteraciones por producto, gestiona 4 productos en paralelo en solitario (Aura, New Form, Dream Cut, reconstrucción de Design+Code), y mantiene al equipo original de Design+Code más por lealtad humana que por necesidad operativa.
Cita de Steve Jobs (reconocida como apócrifa)."si quieres ir rápido, ve solo; si quieres llegar lejos, ve en equipo." Meng la usa para justificar su postura dual solo-indie / lealtad de equipo.
"Judgment per minute". (juicio por minuto): un nuevo KPI para el diseñador agéntico — menos pixel-pushing, más microdecisiones por minuto sobre lo que produce el agente. "La IA todavía no es lo bastante inteligente para tomar decisiones más pequeñas, pero con el tiempo las decisiones se harán más grandes."
Skills-maxi (cita indirecta). Meng se refiere a un invitado anterior de Greg que se define como "skills-maxi" — Meng confirma: "no pongo nada en mi agents.md porque tengo mi design.md por proyecto y mis skills por flujo de trabajo. Si solo cambias agents.md, cuesta más tokens Y es demasiado general."Especialización de los archivos MD por dimensión (proyecto / flujo de trabajo / diseño / agente).
Greg Isenberg (CTA). taller gratuito "este jueves a las 12pm hora del Este" (= jueves 7 de mayo de 2026, el día después de la publicación) — inscripción vía las notas del programa, en ideabrowser.com — cubre categorías de startups en la era de la IA + herramientas de IA relevantes para negocios + demo en vivo de ideabrowser.com.
Conexión con el corpus de veille.
Fuerte convergencia con las fichas agents.md / skills.md (Vincent Superpowers, Forrestchang Karpathy Skills, Vercel Gao agents.md, Lattice atoms/molecules/refiners). design.md es la extensión específica de dominio de esta familia al sistema de diseño.
Vínculo directo con Cognitive Surrender / Comprehension Debt (Osmani, 2026-05-05): Meng dice "la primera pantalla no es la parte difícil… no tienes palanca para cambiarla" — exactamente el surrender de Osmani trasladado al diseño.
Vínculo con Karpathy Software 3.0: design.md es un ejemplo perfecto de "el prompt es programación, el contexto es la palanca". El diseño se vuelve programable mediante un archivo.
Frizzo / Cherny / Curran. "team of one, solo holding company" — Meng encarna la tesis "10× engineer = 10× designer" defendida por Cherny (100% código generado, 150 PR/día) aplicada al diseño.