Google's Design.md is a design team in a file (Greg Isenberg × Meng To)
Podcast von Greg Isenberg × Meng To (Designer, Gründer von Design+Code, Schöpfer von Aura / New Form / Dream Cut) über design.md — Googles Open-Source-Konvention, äquivalent zu agents.md / skills.md / soul.md, jedoch für das Designsystem (Typografie, Farben, Abstände, WebGL/Three.js-Animationen, Reveal-Regeln).
Von Greg Isenberg// Quelle youtube.com ↗/Lesezeit 2 min/.md// Automatisch geprüfte Übersetzung
#design.md#Google#Designsystem#Design-Team in einer Datei#Meng To#Greg Isenberg#Design+Code#Aura
Zusammenfassung
Greg Isenberg empfängt Designer Meng To (Gründer von Design+Code, Schöpfer von Aura, New Form, Dream Cut), um design.md zu erläutern — Googles Open-Source-Konvention, die "die Seele des Designsystems" in einer Markdown-Datei trägt, äquivalent zu agents.md / skills.md / soul.md, jedoch der visuellen Ebene gewidmet (Typografie, Farben, Abstände, WebGL / Three.js, Reveal-Animationsregeln). Die Episode ist ein pädagogisches Manifest darüber, wie man atemberaubende Designs erstellt, ohne Designer zu sein.
Zentrale Diagnose: Design Drift. One-Shot-Tools (V0, Lovable, Framer) erzeugen einen beeindruckenden ersten Screen und driften dann bei den folgenden Screens zu generischen Seiten ab — kein Design-Gedächtnis, das über Prompts hinweg geteilt wird. Die Lösung design.md fungiert als übertragbarer Bauplan: Sie trägt Typografie-, Farb-, Abstands-, WebGL- und Animationsregeln über Lovable, Cursor, Codex, Claude Code, Google Stitch, Aura, V0, Figma hinweg. Meng formalisiert eine Triade: design.md = Rezept, HTML = fertiges Gericht, Skills = Zutaten. Skills (63 in New Form: Laser, skeuomorph, 3D, Copywriting, Batch-Design) sind kopierbare Prompts, die ein Design mit einem Klick "von 0 auf 50 oder von 50 auf 80" bringen.
Mengs vollständiger 9-Schritte-Workflow: Reference → design.md → Generate → Inspect → Systemize → Iterate (1000+ Prompts) → Remix → Expand → Export. Er gibt an, bis zu 10.000 Iterationen pro Produkt, ~500.000 $ für Tokens ausgegeben und 4 Produkte parallel im Alleingang zu betreiben. Strukturierende Unterscheidung: Iteration (inkrementell, 90 % der Zeit) vs. Remix (Kategoriewechsel, 10 %).
Auf dem Bildschirm gezeigte Demo-Kette: Aura (design.md-Galerie + Remix + Prompt), Google Stitch 3.1 (unendliche Leinwand, "unfair, dass sie das kostenlos hergeben"), OpenClaude/Codex (Lesen mehrerer MD-Dateien in verschachtelten Ordnern), Variant.com (kreative Remix-Phase), Replit slides / Hyperframes / Remotion (Erweiterung auf Slides + Motion).
Meta-These: Geschmack ist der einzige verbleibende Burggraben. "Wenn etwas wie etwas anderes aussieht, sinkt der Wert um das 10- bis 100-Fache." Der violette Farbverlauf — vor 5-10 Jahren noch ein Wow-Effekt — ist zu einem entlarvenden Signal geworden. Die Baseline ist hoch, aber generisch: Das Überleben hängt von der Aktualität der Übernahme von Modellen/Tools/Konventionen sowie von der Beurteilung pro Minute (menschliche Mikroentscheidungen darüber, was der Agent produziert) ab.
Greg schließt mit der Idee des Second-Brain-Designs: das Einfangen fachübergreifender Inspiration in der physischen und digitalen Welt, um sie beim Erstellen abzurufen. Meng stimmt zu: "Lass die KI nicht alles machen. Wenn doch, stelle sicher, dass es innerhalb eines Workflows geschieht, den du bereits beherrschst."
Kernpunkte
Veröffentlichungsdatum. 06.05.2026 (YouTube-Kanal von Greg Isenberg). Video: https://www.youtube.com/watch?v=oLu32YpiIJw
Identität des Gastes. "Mang" / "Ming" / "Mangto" im Transkript = Meng To, Gründer von Design+Code (designcode.io), ein seit über 10 Jahren anerkannter Designer, Autodidakt (Schulabbruch mit 18, erstes Unternehmen mit 22). Frankophoner Herkunft — Greg merkt an: "du kommst aus derselben Stadt wie ich. Du sprichst Französisch". Gründer mehrerer Startups: Aura, New Form, Dream Cut (kommende Mac-App), Neugestaltung von Design+Code von Grund auf.
Welches design.md?. Googles Konvention, Open Source, kürzlich veröffentlicht (angekündigt in einem Tweet mit einem 10-minütigen Video). Gleiche Logik wie agents.md / skills.md / soul.md, jedoch für Design.
Der Agent erhält alle drei und erzeugt ein Ergebnis, das medienübergreifend konsistent ist (Web, Mobile, Slides, Motion).
Benanntes Problem: Design Drift. — "Du fängst etwas an, bist einigermaßen zufrieden, aber sobald du zu den anderen Teilen kommst, wird es komplett anders." Symptom: brillanter One-Shot, gefolgt von generischen Seiten. Grundursache: kein über Prompts hinweg geteiltes Design-Gedächtnis.
Lösung: übertragbares Design-Gedächtnis. — design.md wandert zwischen Lovable / Cursor / Codex / Claude Code / Stitch / Aura / V0 / Figma. Ermöglicht es, es "im Gedächtnis zu verankern", indem man dem Agenten sagt: "merk dir das".
Mengs vollständiger Workflow. 1. Reference (immer mit Kopieren beginnen — "jeder Designer, der mit dem Zeichnen beginnt, kopiert zuerst") 2. design.md + HTML als Prompt-Anhänge laden 3. Generate (erster Versuch) 4. Inspect 5. Systemize (das System festlegen) 6. Iterate — "hier komme ich auf tausend Iterationen" (Meng ging bei manchen Produkten bis zu 10.000 Iterationen) 7. Remix, wenn ein Kategoriewechsel gewünscht ist 8. Expand auf andere Medien: Slide, Promo-Video, Instagram, Intros, Hyperframes, Remotion 9. Export final
Iteration vs. Remix. Iteration = zufrieden, kleine Erhöhung (90 % von Mengs Zeit); Remix = Wunsch nach einer neuen Produktkategorie (10 %).
Kostenlose Ressourcen. Aura → Abschnitt "design.md" mit herunterladbaren Designsystemen (MD + HTML). Variant.com (variant.com) für die kreative Remix-Phase. Figma-/Framer-/Webflow-Communities bieten Templates, aber Meng kritisiert: "eingeschlossen hinter Techniken und Rechtecken und Pixeln von Figma, aber wie sagt man das einem Agenten?" — daher der Wert von design.md als exportierbarer Bauplan.
Skills (New Form, 63 Skills). Copywriting ("verbessere deinen Text um 100 %"), Laser ("jeder klickt darauf, ich weiß nicht warum"), skeuomorph (Steve Jobs' "lickable" Buttons), 3D (Three.js), Batch-Design, Font Smoothing, System Font, Body Font, sekundäre Farbe/Button. Jeder Skill ist ein kopierbarer Prompt, kostenlos, nur über Tokens monetarisiert.
WebGL / Three.js. das, was ein Design "von 0 auf 50 oder von 50 auf 80 wirklich schnell" hebt. Laser, Animationen, 3D-Objekte über der Typografie platziert. Wesentliches Unterscheidungsmerkmal gegenüber generischen Seiten mit violettem Farbverlauf.
Kritik am violetten Farbverlauf. vor 5-10 Jahren = Wow-Effekt; heute = Signal "you just run" (du rennst einfach weg). Übergeordnete Metapher: "die Baseline ist so hoch, aber auch generisch" — die Herausforderung besteht darin, die Baseline zu übertreffen, nicht nur zu erreichen.
Wettbewerbsmodus neu definiert."als Menschen, die neue Ideen starten, ist der einzige Burggraben, den wir haben, dass wir auf einen Knopf klicken und sagen können, wir haben dieses neue Modell gefunden, das buchstäblich alle Designer erledigt hat". Überleben durch die Aktualität der Übernahme von Neuheiten (Modelle, Tools, Konventionen wie design.md).
Angegebene Indie-Ökonomie. Meng To gibt ~500.000 $ für Tokens für seine Produkte aus, macht 1.000–10.000 Iterationen pro Produkt und betreibt 4 Produkte parallel im Alleingang (Aura, New Form, Dream Cut, Neugestaltung von Design+Code); das historische Team von Design+Code wird eher aus menschlicher Loyalität als aus betrieblicher Notwendigkeit gehalten.
Steve-Jobs-Zitat (als apokryph anerkannt)."wenn du schnell gehen willst, geh allein; wenn du weit gehen willst, geh im Team." Meng zitiert es, um seine doppelte Haltung aus Solo-Indie und Team-Loyalität zu begründen.
"Judgment per minute". ein neuer KPI für den agentischen Designer — weniger Pixel-Schieben, mehr Mikroentscheidungen pro Minute darüber, was der Agent produziert. "KI ist noch nicht intelligent genug, um kleinere Entscheidungen zu treffen, aber irgendwann werden die Entscheidungen größer."
Skills-maxi (indirektes Zitat). Meng bezieht sich auf einen früheren Gast von Greg, der sich selbst als "skills-maxi" bezeichnet — Meng bestätigt: "ich packe nichts in meine agents.md, weil ich meine design.md pro Projekt und meine Skills pro Workflow habe. Wenn du nur agents.md änderst, kostet das mehr Tokens UND es ist zu allgemein."Spezialisierung der MD-Dateien nach Dimension (Projekt / Workflow / Design / Agent).
Greg Isenberg (CTA). kostenloser Workshop "diesen Donnerstag um 12 Uhr Eastern" (= Donnerstag, 7. Mai 2026, der Tag nach der Anzeige) — Anmeldung über die Show Notes, auf ideabrowser.com — behandelt Startup-Kategorien im KI-Zeitalter + relevante KI-Tools für Unternehmen + Live-Demo von ideabrowser.com.
Verbindung zum Veille-Korpus.
Starke Konvergenz mit den Fiches zu agents.md / skills.md (Vincent Superpowers, Forrestchang Karpathy Skills, Vercel Gao agents.md, Lattice atoms/molecules/refiners). design.md ist die domänenspezifische Erweiterung dieser Familie auf das Designsystem.
Direkte Verbindung zu Cognitive Surrender / Comprehension Debt (Osmani, 05.05.2026): Meng sagt "der erste Screen ist nicht der schwierige Teil… du hast keinen Hebel, um ihn zu ändern" — das ist genau Osmanis Surrender, übertragen auf Design.
Verbindung zu Karpathy Software 3.0: design.md ist ein perfektes Beispiel für "prompt is programming, context is the lever". Design wird über eine Datei programmierbar.
Frizzo / Cherny / Curran. "Team aus einer Person, Solo-Holding" — Meng verkörpert die von Cherny vertretene These "10× Engineer = 10× Designer" (100 % generierter Code, 150 PRs/Tag), angewandt auf Design.