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 Aura / New Form / Dream Cut) sobre design.md — convención open-source 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 reveal).
#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 open-source de Google que lleva «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 reveal). El episodio es un manifiesto pedagógico sobre cómo crear diseños espectaculares sin ser diseñador.
Diagnóstico central: el design drift. Las herramientas one-shot (V0, Lovable, Framer) generan una primera pantalla impresionante y luego derivan hacia páginas genéricas en las siguientes — sin memoria de diseño compartida entre prompts. La solución design.md actúa como un plano transferible: transporta tipografía, colores, espaciado, reglas de WebGL y 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. Los 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» en un clic.
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
— Greg Isenberg , youtube.com
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 llegar hasta 10.000 iteraciones por producto, haber gastado cerca de 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 de design.md + remix + prompt), Google Stitch 3.1 (lienzo infinito, «unfair they give it for free»), OpenClaude/Codex (lectura de MD multi-archivo en carpetas anidadas), Variant.com (fase de remix creativo), Replit slides / Hyperframes / Remotion (expansión a slides + motion).
Meta-tesis: el taste es el único moat que queda. «Si algo se parece a otra cosa, reduce el valor de 10× a 100×.» El degradado morado — un wow hace 5-10 años — se ha convertido en una señal de fuga. El nivel base es alto pero genérico: la supervivencia depende de la rapidez de adopción de modelos/herramientas/convenciones y del juicio por minuto (microdecisiones humanas sobre lo que produce el agente).
Greg concluye con la idea del second brain design: capturar la inspiración transversal en el mundo físico 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). De origen francófono — Greg señala «you come from the same town as me. You speak French». Fundador multi-startup: Aura, New Form, Dream Cut (próxima app de Mac), rediseñando el código de diseño desde cero.
¿Cuál design.md?. convención de Google, open-source, 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.
Skills. = «ingredientes» (skills de tipografía, láseres, skeuomorphic, 3D…)
El agente recibe los tres y produce un resultado coherente en todos los medios (web, móvil, slides, motion).
Problema nombrado: design drift. — «You start something, you're kind of satisfied, but then you get into the other stuff and it becomes completely different.» Síntoma: 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 «commit it to memory» diciéndole al agente «recuerda esto».
Flujo de trabajo completo de Meng To. 1. Reference (empezar siempre copiando — «every designer who starts drawing always copies first») 2. Cargar design.md + HTML como adjuntos del prompt 3. Generate (primer intento) 4. Inspect 5. Systemize (fijar el sistema) 6. Iterate — «this is where I get to a thousand iterations» (Meng llegó hasta 10.000 iteraciones en algunos productos) 7. Remix cuando se quiere cambiar de categoría 8. Expand a otros medios: slide, vídeo promocional, Instagram, intros, Hyperframes, Remotion 9. Export final
Iteration frente a Remix. iteration = satisfacción, incremento pequeño (90% del tiempo de Meng); remix = deseo de 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: «closed behind techniques and rectangles and pixels of Figma, but how do you tell that to an agent?» — de ahí el valor de design.md como plano exportable.
Skills (New Form, 63 skills). copywriting («improve your copy 100%»), lasers («everyone clicks on it, I don't know why»), skeuomorphic (los botones «lickable» de Steve Jobs), 3D (Three.js), batch design, font smoothing, system font, body font, secondary color/button. Cada skill es un prompt copiable, gratuito, monetizado solo mediante tokens.
WebGL / Three.js. lo que eleva un diseño «from 0 to 50 or 50 to 80 real fast». Láseres, animaciones, objetos 3D colocados sobre la tipografía. Diferenciador principal frente a los sitios genéricos de degradado morado.
Crítica del degradado morado. hace 5-10 años = wow; hoy = señal de «you just run». Metáfora más amplia: «baseline is so high but also generic» — el reto es superar el nivel base, no solo alcanzarlo.
Modo competitivo redefinido.«as people starting new ideas, the only moat we have is we can click a button and say we found this new model that literally cooked all the designers». Supervivencia mediante la rapidez de adopción de novedades (modelos, herramientas, convenciones como design.md).
Stack de demostración de Meng.
Aura. (su startup) — galería de design.md, remix, prompts adjuntos
Google Stitch (3.1). — «lienzo infinito», competidor directo, «unfair they give it for free»
OpenClaude / Codex / Claude Code. — agentes locales, lectura de archivos .md en carpetas anidadas, procesamiento multi-pantalla
Economía indie reivindicada. Meng To gasta cerca de 500.000 $ en tokens para sus productos, hace entre 1.000 y 10.000 iteraciones por producto, y gestiona 4 productos en paralelo en solitario (Aura, New Form, Dream Cut, rediseño de Design+Code); el equipo histórico de Design+Code se mantiene más por lealtad humana que por necesidad operativa.
Cita de Steve Jobs (reconocida como apócrifa).«if you want to go fast, go alone; if you want to go far, go in a team.» Meng la invoca para justificar su postura dual solo-indie / lealtad de equipo.
«Judgment per minute». nuevo KPI para el diseñador agéntico — menos pixel-pushing, más microdecisiones por minuto sobre lo que produce el agente. «AI is not intelligent enough to make smaller decisions yet, but eventually decisions will become bigger.»
Skills-maxi (cita indirecta). Meng se refiere a un invitado anterior de Greg que se define como «skills-maxi» — Meng lo confirma: «I don't put anything in my agents.md because I have my design.md per project and my skills per workflow. If you only change agents.md, it costs more tokens AND it's too general.»Especialización de los archivos MD por dimensión (proyecto / workflow / diseño / agente).
Greg Isenberg (CTA). taller gratuito «this Thursday at 12pm Eastern» (= jueves 7 de mayo de 2026, el día después del anuncio) — RSVP a través de 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 para el sistema de diseño.
Vínculo directo con Cognitive Surrender / Comprehension Debt (Osmani 2026-05-05): Meng dice «the first screen is not the hard part… you have no leverage to change it» — es exactamente el surrender de Osmani trasladado al diseño.
Conexión con Karpathy Software 3.0: design.md es un ejemplo perfecto de «prompt is programming, context is the lever». 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% de código generado, 150 PR/día) aplicada al diseño.