Journal

  1. Open Design Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art Community

    Der Open Design AI Workshop kommt nach Shanghai

    Ein praktischer Shanghai-Workshop für Studierende, Entwickler, Designer und AI-Tool-Builder, um Prompts und Referenzen in echte AI-Artefakte zu verwandeln.

    2. Juli 2026 3 Min. Lesezeit Lesen →
  2. A warm editorial illustration of three groups of AI design-agent cards on a desk — creative assets, task helpers, and an agent-native pipeline — with the design-to-code agent card lifted out and held in a green selection frame, beside soft plants and a coffee mug Leitfäden

    Die besten KI-Design-Agenten 2026: Ein ehrlicher, getesteter Leitfaden

    "KI-Design-Agent" bedeutet 2026 drei völlig verschiedene Dinge — eine kreative Cloud-Suite, einen Task-Bot oder einen Agenten, der dein Design in ausgelieferten Code verwandelt. Die meisten Listen werfen alles in einen Topf. Hier ist die ehrliche Landkarte der besten KI-Design-Agenten, wofür jede Kategorie wirklich gedacht ist, und die eine Frage, die dir sagt, welche Art du brauchst.

    30. Juni 2026 8 Min. Lesezeit Lesen →
  3. A warm editorial illustration of a clickable mockup prototype and a running code prototype side by side on a desk, with the code prototype that becomes the shipped product held in a green selection frame, beside soft plants and a coffee mug Leitfäden

    Die besten KI-Prototyping-Tools 2026: Ein ehrlicher, getesteter Leitfaden

    Die besten KI-Prototyping-Tools 2026 unterscheiden sich in genau dem Punkt, den die Listicles auslassen: Ist der Prototyp ein Wegwerfprodukt oder wird er zum Produkt, das du ausspielst? Hier ist die ehrliche Landkarte – Mockup-Prototypen, Code-Prototypen, Planer und agentennative Pipelines – und wie du das auswählst, das zu dem passt, was du als Nächstes vorhast.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  4. A warm editorial illustration of a row of AI design-tool cards on a scorecard, with one card — a plain-text design file you can keep — lifted out and held in a green selection frame, on a near-white paper ground with soft plants and a coffee mug Leitfäden

    Die besten KI-Design-Tools 2026: Ein ehrlicher, getesteter Leitfaden

    Die meisten Listen mit den "besten KI-Design-Tools 2026" küren die hübscheste Demo und überspringen die eine Frage, die deine Wahl wirklich entscheidet: Übersteht das Design den Weg bis zum auslieferbaren Code, der dir gehört? Hier ist die ehrliche Landkarte – eine Bewertungsmatrix über sechs Kategorien, die Tools, die deine Zeit wert sind für UI/UX-, Produkt- und Webdesign, und die Kategorie, die jede andere Liste vergisst.

    30. Juni 2026 10 Min. Lesezeit Lesen →
  5. A warm editorial illustration of a row of AI app-builder cards on a desk, with one card — an open folder of portable files you own — lifted out and held in a green selection frame, beside soft plants and a coffee mug Leitfäden

    Die besten Bolt.new-Alternativen 2026, sortiert nach dem Grund deines Wechsels

    Keine Logo-Parade mit Sternebewertung, sondern eine ehrliche Landkarte der besten Bolt.new-Alternativen – gruppiert danach, warum du Bolt wirklich verlässt: Iterationsstabilität, Lock-in oder Ownership.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  6. A warm editorial illustration of a design mockup flowing through an arrow into clean code, with the connecting design-system file card held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Leitfäden

    Design-to-Code-Tools 2026: Export oder Pipeline?

    Ein ehrlicher Überblick über Design-to-Code-Tools – vier grundlegend verschiedene Ansätze, wofür jeder taugt und welchen Kompromiss die Marketingseite verschweigt.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  7. A warm editorial illustration of several design-tool windows grouped into camps — an open-source canvas, a native app, an AI generator — with one option, a plain-text design-to-code pipeline, lifted out and held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug Leitfäden

    Die besten Figma-Alternativen 2026 – sortiert nach dem Grund, warum du wechselst

    Kein einzelnes Tool ersetzt Figma vollständig. Hier ist die ehrliche Übersicht der besten Figma-Alternativen, gruppiert danach, welchen Teil von Figma du eigentlich hinter dir lassen willst – Preis, Canvas, Lock-in oder die Lücke zwischen Design und fertigem Code.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  8. A warm editorial illustration of a terminal prompt becoming a polished UI screen on a tablet, with a design-system file card (DESIGN.md) held in a green selection frame connecting the two, beside soft plants and a coffee mug Leitfäden

    Claude Code für Frontend-Design nutzen (Leitfaden 2026)

    Claude Code kann wirklich gutes Frontend-Design liefern – aber nur mit der richtigen Einrichtung und dem richtigen Prompting. Hier ist der praktische Leitfaden: das Plugin frontend-design installieren, mit ästhetischer Richtung statt mit Pixeln prompten, die Design-Dimensionen steuern und aus einem einzelnen Screen ein eigenes, tragfähiges Designsystem machen.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  9. A warm editorial illustration of a row of prompt-to-app tool cards on a desk, with one card — plain files with no usage meter — lifted out and held in a green selection frame, beside soft plants and a coffee mug Leitfäden

    Die besten Lovable-Alternativen 2026: ehrlich verglichen

    Eine ehrliche, nach Wechselgrund sortierte Übersicht der besten Lovable-Alternativen – mit dem Kompromiss, den jede Option im Gegenzug verlangt.

    30. Juni 2026 9 Min. Lesezeit Lesen →
  10. A warm editorial illustration of a row of AI UI-generator cards on a desk, with one card — a UI component lifted into a code repo with no usage meter — held in a green selection frame, beside soft plants and a coffee mug Leitfäden

    Die besten v0-Alternativen 2026: nach dem Grund deines Wechsels sortiert

    v0 ist stark darin, aus einem Prompt sauberen React-Code zu machen – doch Preismodell, fehlende Komplett-App und Ownership treiben viele zum Wechsel. Hier ist die ehrliche Landkarte der Alternativen, gruppiert danach, warum du gehst.

    30. Juni 2026 8 Min. Lesezeit Lesen →
  11. Open Design Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art Artikel

    Open-Design-Leitfaden: open design osaka kyoto meetup

    Lokalisierte Zusammenfassung zu open design osaka kyoto meetup und dem lokalen BYOK-Skill-Workflow von Open Design.

    29. Juni 2026 3 Min. Lesezeit Lesen →
  12. A warm editorial illustration of a website becoming a design system — a browser window, a design-system kit card with color swatch dots and type samples, and a finished document — on a cream paper ground with soft plants and a coffee mug Produkt

    Open Design 0.12.0: deine Marke ist ein Designsystem

    Tag open-design-v0.12.0 — 103 PRs von 30 Mitwirkenden in sechs Tagen. Codename „Markengestütztes Designsystem”. Richte Open Design auf eine Live-Site, lege eine Figma-Datei ab oder clippe eine Seite in deinem Browser — und es hebt die echte Marke heraus — Farben, Typografie, Stimme — in ein wiederverwendbares Designsystem, aus dem du in jedem weiteren Projekt aufbauen kannst.

    26. Juni 2026 7 Min. Lesezeit Lesen →
  13. A hand-drawn pencil wireframe transforming, via an arrow, into a polished design app showing a row of tool cards to choose from, on a warm paper editorial ground Leitfäden

    Vibe Design Tools: Ein ehrlicher Leitfaden, was wirklich funktioniert

    Die Hälfte der Treffer für "vibe design tools" sind in Wahrheit vibe coding tools — und das ist das Nützlichste, was die Suchergebnisse dir verraten. Hier die ehrliche Karte: die eine Frage, die deine Wahl entscheiden sollte, eine Bewertungstabelle über fünf Tool-Kategorien hinweg und die Falle, die dir fast jedes Listicle verkauft.

    18. Juni 2026 9 Min. Lesezeit Lesen →
  14. A single sketched interface splitting into a visual design mockup and a code window, both arrows converging on one shared design-system file card, on a warm paper editorial ground Leitfäden

    Vibe Design vs. Vibe Coding: Wo sie sich trennen und warum es zählt

    Vibe design und vibe coding sind keine Rivalen — sie sind zwei Hälften einer Bewegung, und in der Lücke dazwischen bluten Teams. Hier kommt der echte Unterschied, die beiden Fehlerarten, vor denen dich niemand warnt (die Mockup-Klippe und der Design-Drift), und ein Rahmen dafür, wann du zu welchem greifst.

    18. Juni 2026 9 Min. Lesezeit Lesen →
  15. A handwritten prompt note becoming a rendered mobile app screen, then exported outward through an opening in a low garden wall, on a warm paper editorial ground Leitfäden

    Vibe Design mit Google Stitch: Was es meistert und wo es dich in die Falle lockt

    Google prägte den Begriff „vibe design“ mit Stitch – und Stitch ist wirklich gut. Hier kommt die ehrliche Praxis: was es meistert, der Lock-in, den die Demos dir nicht zeigen, und wann es sich lohnt, die Schleife selbst zu besitzen statt auf Bequemlichkeit zu setzen.

    18. Juni 2026 8 Min. Lesezeit Lesen →
  16. A warm editorial illustration of an open gallery of design template cards, each a small thumbnail with a play triangle, with a hand reaching to pick one, on a cream paper ground with soft plants and a coffee mug Produkt

    Open Design 0.11.0: der Basar

    Tag open-design-v0.11.0 — 137 PRs von 57 Mitwirkenden in vier Tagen. Codename „der Basar”. Die Plugin-Galerie spielt jetzt einen Live-Clip jeder echten Ausgabe ab, jeder Coding-Agent, den du bereits nutzt, lässt sich einfach einklinken, und der erste Lauf für Neulinge ist ein geführtes Willkommen statt eines verriegelten Tors.

    17. Juni 2026 7 Min. Lesezeit Lesen →
  17. A hand-drawn pencil sketch of a planner app wishing for a calm space transforming, via an arrow, into a polished rendered planner UI, on a warm paper editorial ground Leitfäden

    Was ist Vibe Design? Der Leitfaden 2026 zum Gestalten nach Absicht

    Beschreibe Gefühl und Richtung einer UI und lass die KI sie erzeugen – doch die meisten Tools enden bei einem hübschen Mockup. Hier erfährst du, was Vibe Design wirklich ist, vibe design vs. vibe coding und wie du es vom Prompt bis zum ausgelieferten Code bringst.

    17. Juni 2026 9 Min. Lesezeit Lesen →
  18. A single unified design-workspace window — composer, canvas, and comment rail in one frame — held inside a green selection box on a near-white editorial ground Produkt

    Open Design 0.10.0: der All-in-One-Design-Workspace

    Tag open-design-v0.10.0 — 405 PRs von 68 Mitwirkenden in neun Tagen. Codename „der All-in-One Agentic Design-Workspace". Dieses Release fasst den gesamten Ablauf — Konzept, Verfeinerung und Übergabe — in einem einzigen Fenster zusammen, sodass die Arbeit nicht mehr über ein Dutzend Tabs verstreut ist.

    11. Juni 2026 7 Min. Lesezeit Lesen →
  19. An onboarding panel with a one-click sign-in and a bundled engine, selected in a green frame on a near-white editorial ground Produkt

    Open Design 0.9.0: Design für alle

    Open Design 0.9.0 ist das Installieren-und-loslegen-Release. Keine API-Key-Schnitzeljagd, kein Setup mit drei CLIs – App öffnen, einmal anmelden, ein Modell wählen und loslegen. Dazu eine größere Agent-Auswahl, eine echte Plugin-Bibliothek und einfachere Installation unter Windows und Linux.

    2. Juni 2026 6 Min. Lesezeit Lesen →
  20. A locked canvas window beside an open fanned stack of portable file sheets, in a green selection frame on a near-white editorial ground Artikel

    Die Open-Source-Alternative zu Figma

    Figma ist hervorragend und wird nicht verschwinden. Aber das Dateiformat ist proprietär, die Plätze sind ein Abonnement, und die Leinwand lebt in jemand anderes Cloud. Hier ist die ehrliche Einschätzung: wann Figma immer noch die Antwort ist – und wann es sich auszahlt, einen agent-nativen, lokal-zuerst aufgesetzten Workflow zu besitzen.

    26. Mai 2026 7 Min. Lesezeit Lesen →
  21. A central engine hub with plugin tiles docking into it, selected in a green frame on a near-white editorial ground Produkt

    Open Design 0.8.0: Alles ist ein Plugin

    Open Design 0.8.0 ist kein Release, sondern ein Neubau. Eine kleine Plugin-Engine, eine standardmäßig headless laufende CLI, paketiertes Auto-Update auf macOS und Windows und 149 Designsysteme, ausgeliefert in sieben Tagen.

    22. Mai 2026 7 Min. Lesezeit Lesen →
  22. A wireframe layout skeleton lifting out from beneath a canvas as its own layer, in a green selection frame on a near-white editorial ground Artikel

    Die Layout-Ebene, die der Canvas früher verbarg

    Eine Community-Antwort zur 0.8.0-Preview benannte die eigentliche Frage hinter Agent-nativem Design: Wenn der Canvas nicht mehr die Arbeitseinheit ist, wie verstehen Nutzer dann noch das Layout?

    18. Mai 2026 7 Min. Lesezeit Lesen →
  23. A design frame being lifted out of a canvas and packaged into a portable plugin module, in a green selection frame on a near-white editorial ground Artikel

    So portierst du einen Figma-Workflow in ein Open Design Plugin

    Der 0.8.0-preview-Thread fordert Mitwirkende auf, alte Design-Workflows ein Plugin nach dem anderen zu portieren. Hier ist der konkrete Weg für einen Figma-Export, eine Token-Synchronisierung oder ein Brand-Kit.

    18. Mai 2026 8 Min. Lesezeit Lesen →
  24. A workflow pipeline of connected nodes with a few break marks on the connectors, in a green selection frame on a near-white editorial ground Artikel

    BYOK auf dem Prüfstand: 5 Dinge, die in Open Design heute brechen

    Wir haben BYOK als erstklassiges Feature versprochen. Fünf offene Bug-Threads aus dieser Woche — Gemini, DeepSeek, OpenCode, Windows — zeigen, wo die Nahtstellen noch rau sind, und was du nutzen solltest, bis der jeweilige Fix einschlägt.

    14. Mai 2026 9 Min. Lesezeit Lesen →
  25. An organized library grid of modular skill and system cards, selected in a green frame on a near-white editorial ground Artikel

    31 Skills, 72 Systeme: So funktioniert die Open Design Bibliothek

    Ein Rundgang durch die vier Primitive, die Open Design komponierbar machen: Skills, Systeme, Adapter und der daemon. Mit konkreten Beispielen, wie aus einer Markdown-Datei ein pixelgenaues Resultat wird.

    13. Mai 2026 8 Min. Lesezeit Lesen →
  26. A single key wired to a row of interchangeable model engines with a provider toggle, in a green selection frame on a near-white editorial ground Artikel

    BYOK-Design-Workflow: Claude, Codex oder Qwen mit deinem eigenen Key betreiben

    Die meisten KI-Design-Tools schlagen still und leise eine Marge auf jeden Token auf, den du ausgibst. Open Design vertritt die gegenteilige Haltung — bring deinen eigenen Modell-Key mit, zahle direkt beim Anbieter und behalte die volle Kontrolle darüber, wo die Inferenz läuft. So funktioniert die BYOK-Ebene wirklich.

    13. Mai 2026 8 Min. Lesezeit Lesen →
  27. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground Produkt

    Warum wir Open Design als Skill-Schicht gebaut haben, nicht als Produkt

    Die meisten KI-Design-Tools versuchen, den Agenten zu ersetzen, der bereits auf deinem Laptop läuft. Open Design setzt auf das Gegenteil: eine dünne Schicht aus Skills, Systemen und Adaptern ausliefern, die jeden Coding-Agenten in eine Design-Engine verwandelt — ohne dich in eine neue App zu sperren.

    13. Mai 2026 8 Min. Lesezeit Lesen →