TL;DR: Sie brauchen 2026 weder Figma noch ein Designteam, um professionelle Websites zu bauen. Mit KI-Coding-Tools wie Cursor und Claude Code gestalten wir produktionsreife Landingpages in 4–10 Stunden, indem wir in natürlicher Sprache beschreiben, was wir wollen. Die zwei wichtigsten Fähigkeiten sind Geschmack (zu wissen, wie gutes Design aussieht) und Kommunikation (es klar zu beschreiben). Hier ist unser genauer Prozess.
Wir haben vor etwa sechs Monaten aufgehört, Figma zu nutzen. Nicht, weil wir Design-Tools für schlecht halten – wir haben aufgehört, weil wir über rund ein Dutzend Landingpage- und App-Projekte hinweg feststellten, dass wir Zeit mit Arbeit verbrachten, die heute deutlich weniger Zeit kostet.
Bei Dentro gestalten wir unsere eigenen Landingpages, digitalen Tools und Softwareprodukte. Bis vor Kurzem war unser Engpass die Lücke zwischen dem, was wir uns vorstellten, und dem, was wir umsetzen konnten. Wir verbrachten Stunden damit, eine Vision in Figma zu realisieren, dann weitere Stunden, um sie in Code zu übersetzen. Jeder Schritt brachte Reibung. Bis wir eine fertige Seite hatten, war die ursprüngliche Vision durch mehrere Filter der Umsetzung gelaufen. Zwei bis vier Wochen waren für diesen Prozess sogar schnell, selbst für recht einfache Web-Designs.
Mit KI zu designen bringt Sie viel schneller ans Ziel, als die Arbeit von Grund auf zu erledigen. Dieser Leitfaden richtet sich an alle, die entweder selbst gestalten oder Designarbeit an andere vergeben. Er soll Ihnen ein klares Bild davon vermitteln, wie Design aussieht, wenn die KI das Handwerk übernimmt – und warum die alten Annahmen über Zeitpläne nicht mehr unbedingt gelten.
Nur ein Hinweis vorab: Dieser Ansatz funktioniert gut für Zero-to-One-Landingpages, Produktseiten und Marketing-Sites, bei denen es auf Tempo ankommt. Bei komplexen Design-Systemen, Markenidentitätsarbeit oder Projekten, die tiefe visuelle Konsistenz über Dutzende Touchpoints erfordern, funktioniert er etwas weniger gut. KI hilft auch dort, aber in geringerem Maße.
Was uns früher ausbremste
Da wir unsere Designarbeit selbst machen, war der Engpass nie wirklich Geld – es war die Lücke zwischen einer Idee und der Fähigkeit, sie umzusetzen. Wir stellten uns etwas vor, verbrachten dann Stunden mit Entwürfen in Figma, schrieben CSS und justierten Abstände um 2 Pixel, bis es richtig aussah.
Die Arbeit war nicht nur das „Entscheiden, was gut aussieht". Es war die mechanische Übersetzung: Pixel verschieben, Code schreiben, Cross-Browser-Kompatibilität sicherstellen. Diese Umsetzungsebene brauchte Zeit zum Lernen und Zeit zum Tun.
Jetzt ist diese Ebene sofort verfügbar. Wir beschreiben, was wir wollen, und das Design erscheint zusammen mit dem Code. Die Zeit, die wir früher für die Umsetzung aufwendeten (also dafür, „das Ding so aussehen zu lassen, wie wir es uns vorgestellt hatten"), verbringen wir jetzt mit Iteration: drei völlig unterschiedliche Versionen ausprobieren, entscheiden, welcher Vibe tatsächlich passt, verfeinern, bis es sich richtig anfühlt.
Die Beschränkung verlagerte sich von „Wie können wir das technisch bauen?" zu „Wissen wir, was wir wollen?".
Wie KI-Tools den Design-Engpass verändern
Hier wird es interessant. Wir beschreiben einem KI-Tool wie Cursor oder Claude Code, was wir wollen. Wir sprechen buchstäblich nur mit ihm, und es schreibt den Code. Keine Prototypen, sondern echten Produktionscode, den wir ausliefern.
Wir prüfen weiterhin alles ordentlich. Wir führen Lighthouse-Tests durch, verifizieren den Farbkontrast, testen über Browser hinweg. Aber statt Tage damit zu verbringen, CSS zu schreiben und Abstände zu justieren, verbringen wir Minuten damit, zu beschreiben, was wir wollen.
In unserer Erfahrung hat sich der Engpass also dramatisch verschoben. Es geht nicht mehr darum, ob wir etwas technisch bauen können – dieser Teil ist im Grunde sofort erledigt, zumindest in der Designphase der Produktentwicklung; danach gibt es weiterhin technische Herausforderungen. Jetzt geht es darum, ob wir wissen, wie „gut" aussieht, und ob wir es klar genug erklären können, damit die KI es versteht.
Wenn Sie also eines aus diesem Artikel mitnehmen, dann das:
Geschmack und Kommunikation. Das ist jetzt die Beschränkung.
Wie wir bei Dentro tatsächlich designen
Steigen wir direkt ein. Wir erzählen Ihnen, wie wir derzeit designen. Wir sprechen aus eigener Erfahrung, und die Arbeitsabläufe anderer mögen anders aussehen. Es gibt natürlich kein endgültiges Richtig oder Falsch.
Das Design mit KI brainstormen
Unser Prozess beginnt in Cursor oder Claude Code mit einem frischen Projekt. Bevor irgendein Design entsteht, brainstormen wir mit der KI. Dieser Teil ist entscheidend, weil er das Fundament für alles Folgende legt. Wir gehen den Zweck, die Zielgruppe und das Gefühl durch, das wir anstreben.
Wir recherchieren. Wir finden Designs online, die uns ansprechen, teilen sie mit der KI und erklären, was wir mögen und was nicht. „Diese Typografie fühlt sich richtig an, aber das Layout ist zu unruhig." „Liebe die Farbpalette hier, aber die Buttons wirken altbacken." Dieses Hin und Her hilft der KI, ein klares Bild der Richtung aufzubauen.
Damit wir das nicht als künftige Referenz verlieren, bitten wir die KI immer, ein Textdokument zu erstellen und alles festzuhalten, worauf wir uns geeinigt haben. Ähnlich einer agents.md-Datei beim Coden gibt uns das ein System von Aufzeichnungen, auf das wir jederzeit zurückkommen können.
Ein Tipp dazu: Versuchen Sie, die KI Dinge zu fragen wie „Ergibt das Sinn?", „Hast du Fragen?" oder „Gibt es etwas von deiner Seite zu ergänzen?". Wir können nicht erklären, warum, aber es fühlt sich an, als helfe es der KI zu „reflektieren" und die richtigen Schlüsse zu ziehen. Und noch ein Tipp: Nutzen Sie ein sehr smartes KI-Modell zum Brainstormen. Sie brauchen nicht viele Tokens, da Sie noch nicht mit Code arbeiten, sodass der Nutzen die zusätzlichen Kosten bei Weitem überwiegt.
Die erste Version bauen
Sobald sowohl wir als auch die KI die Vision festgezurrt haben, beginnen wir mit einer Hauptseite. Wir lassen die KI zuerst eine Inhaltsstruktur erstellen. Dann lassen wir sie gestalten – noch keine Funktionalität, nur das visuelle Erscheinungsbild. Diese erste Seite legt die Kernkomponenten fest: Schriften, Buttons, Farbsystem, Abstände. Diese Elemente ziehen sich durch alle folgenden Seiten, daher müssen wir sie hier festnageln, bevor wir weitermachen.
Dann iterieren wir. Manchmal machen wir kleine Anpassungen wie „etwas mehr Eckenradius an den Buttons" oder „nimm die Akzentfarbe etwas zurück". Manchmal bauen wir ganze Abschnitte von Grund auf neu. Oft lassen wir die KI drei oder mehr völlig unterschiedliche Versionen generieren, damit wir Ansätze nebeneinander vergleichen können. Das hätte im alten Prozess Tage gedauert. Jetzt dauert es Minuten.
Bis zur Perfektion feilen
Wenn wir bei einer Version landen, die wir lieben, perfektionieren wir sie. Wir fügen Animationen, Übergänge und Mikrointeraktionen hinzu – die Details, die eine Seite lebendig wirken lassen. KI ist auch überraschend gut darin, individuelle Illustrationen oder animierte Grafiken zu erstellen, die zum etablierten Stil passen. Schauen Sie sich zum Beispiel die animierten Illustrationen auf unseren Service-Seiten an, etwa KI-Prozessautomatisierung oder KI-Wissensmanagement.
Das Ganze geschieht von Anfang an im Code. Kein Figma. Keine Design-Übergaben. Keine Übersetzungsebene, in der Dinge verloren gehen. Jede Iteration ist die echte Seite. Sie betrachten das tatsächliche Ergebnis und können es sofort auf verschiedenen Browsern und Bildschirmgrößen testen.
Um Ihnen eine Vorstellung von den Ergebnissen zu geben, die wir sehen: Das Design der aktuellen Dentro-Website wurde in weniger als zehn Stunden von Grund auf entwickelt. Es ist einzigartig und basiert nicht auf einer Vorlage. Dasselbe haben wir für NoteThisDown, DentroChat und Vidanis gemacht.
Die entscheidenden Faktoren: Geschmack und Kommunikation
Wenn also die Umsetzung nicht mehr der Engpass ist, was dann? Wir haben festgestellt, dass es auf zwei Dinge hinausläuft: Geschmack und Kommunikation. Keines davon erfordert ein Designstudium. Keines erfordert jahrelange formale Ausbildung. Aber beide erfordern etwas, das sich nicht vortäuschen lässt.
Sie müssen Zeit damit verbracht haben, Design zu betrachten, sich darum zu kümmern, Meinungen zu entwickeln. Und Sie müssen in der Lage sein, diese Meinungen so zu artikulieren, dass sie sich in Handlung übersetzen lassen.
Geschmack: Gut von Schlecht unterscheiden
Geschmack ist nichts Geheimnisvolles. Er ist im Grunde Mustererkennung, über Zeit aufgebaut. Sie entwickeln ihn, indem Sie Tausende Websites betrachten, bemerken, was funktioniert, sich um die Details kümmern. Warum fühlt sich diese Seite hochwertig an? Warum wirkt jene billig? Was lässt Typografie selbstbewusst statt verspielt erscheinen?
Sie müssen nicht wissen, wie man diese Effekte erzeugt. Aber Sie müssen sie erkennen können, wenn Sie sie sehen. Das ist eine gute Nachricht für Menschen, die jahrelang Designarbeit vergeben haben. Sie haben vermutlich Geschmack entwickelt, ohne es zu merken. Jedes Mal, wenn Sie sagten „das ist nicht ganz richtig" oder „das fühlt sich falsch an", übten Sie ein Urteilsvermögen aus, das jetzt direkten Wert hat.
Kommunikation: Beschreiben, was Sie wollen
Die zweite Fähigkeit ist ebenso schwer zu entwickeln. Sie müssen beschreiben können, was Sie wollen – sowohl in Bezug auf das Gefühl als auch in technischer Sprache.
„Das fühlt sich beengt an, es braucht Raum zum Atmen" zu sagen ist nützlicher als „mehr Padding hinzufügen".
„Die Typografie wirkt zu verspielt für ein B2B-Publikum" zu sagen bringt Sie weiter als „ändere die Schrift".
Die KI kann Vibes in Konkretes übersetzen. Aber sie kann Ihre Gedanken nicht lesen. Ihre Aufgabe ist es, ästhetische Absicht klar genug zu artikulieren, damit die KI danach handeln kann. Das ist eine erlernbare Fähigkeit, aber sie erfordert Übung.
Wenn Geschmack und Kommunikation stark sind, wird Iteration zu Ihrem Wettbewerbsvorteil. Sie können mehr Richtungen erkunden, aggressiver verfeinern und schneller zu etwas Gutem konvergieren, als es jeder klassische Prozess erlaubt.
Echte Ergebnisse von Nicht-Designern
Wir haben echte Sites mit diesem Ansatz gebaut, und sie gehen schneller live, mit mehr Iterationszyklen, als unser alter Prozess erlaubte. Wenn eine Überarbeitung Minuten statt Tage dauert, machen Sie mehr Überarbeitungen. Wenn Sie mehr Überarbeitungen machen, verbessert sich das Endprodukt, weil Sie Richtungen erkunden können, die Sie aus Zeitgründen gestrichen hätten.
Weder dentroai.com noch eine unserer anderen Websites und Apps wurde von einem ausgebildeten Designer gebaut. Sie wurden von Menschen mit gutem Auge gebaut, das über Jahre aus Notwendigkeit entstand. Der Prozess begann mit einem Gespräch über Zweck und Zielgruppe. Wer kommt auf diese Seite? Was sollen sie fühlen? Welche Handlung sollen sie ausführen?
Dann Struktur. Dann Komponenten. Dann die ganze Seite. Dann Iteration. Das Kerndesign jeder Site entstand in etwa vier bis acht Stunden konzentrierter Arbeit, verteilt über zahlreiche Iterationszyklen.
Was das für Führungskräfte bedeutet
Die praktische Auswirkung ist klar: Schnellere Iteration verändert, wie Sie arbeiten. Und unabhängig davon, ob Sie Designarbeit selbst machen oder vergeben, ist es wichtig zu verstehen, dass das alte Regelwerk nicht mehr gilt.
Ihre Kosten- und Zeitannahmen aktualisieren
Ein Projekt, das ein Designteam zwei bis vier Wochen gekostet hätte, kann jetzt an einem Tag passieren. Oder an einem Nachmittag. Wir haben das wiederholt getan, wobei Ihre Erfahrung je nach Komplexität und Klarheit Ihrer Vision variieren wird. Und letztlich auch danach, wie schnell Ihre Entscheider sind.
Die zeitlichen Implikationen sind so bedeutsam wie die Kosten. Tempo schafft Optionen. Wenn Sie eine Landingpage in Stunden bauen können, können Sie Ideen testen, die Sie zuvor nicht getestet hätten. Sie können schneller auf Marktveränderungen reagieren. Sie können Experimente ausliefern, ohne Gremienfreigabe. Die Beschränkung verlagert sich von „Können wir uns leisten, das zu bauen?" zu „Wissen wir, was wir wollen?".
Wann dieser Ansatz zu nutzen ist
Nicht jedes Projekt erfordert Design mit KI. Komplexe Markenarbeit profitiert weiterhin von erfahrenen Designern (die idealerweise ebenfalls KI nutzen).
Aber für Zero-to-One-Seiten, für MVPs, für Marketing-Experimente, für alles, wo Tempo zählt und Ressourcen anderswo besser investiert sind, ergibt dieser Ansatz Sinn. Die Frage ist nicht, ob Design mit KI funktioniert. Es ist, ob der Ansatz für Ihre spezifische Situation funktioniert.
Designer sind nicht tot
Das ist keine Geschichte darüber, dass Designer überflüssig werden. Es ist eine Geschichte darüber, welche Fähigkeiten am meisten zählen. Geschmack, visuelles Denken, Verständnis von Hierarchie und Fluss – all das zählt weiterhin.
Was sich geändert hat, ist die Umsetzungsebene. Designer, die diese Tools übernehmen, werden produktiver sein als je zuvor. Sie können schneller iterieren, mehr Ideen ausprobieren, bessere Ergebnisse liefern. Die Decke für großartige Designer wurde gerade höher. Der Boden für akzeptables Design wurde ebenfalls höher. Beides ist wahr.
Stellen Sie sich einen Designer mit zwanzig Jahren Erfahrung und verfeinertem Geschmack vor, der nun Ideen in Minuten statt Stunden umsetzen kann. Diese Person wird außerordentlich wertvoll. Sie kann mehr Richtungen erkunden. Sie kann aggressiver verfeinern. Sie kann Arbeit liefern, die unter alten Zeitbeschränkungen unmöglich gewesen wäre.
Die besten Designer werden diese Tools annehmen und noch besser werden. Die Designer, die sich rein über Umsetzungsfähigkeiten definierten, stehen vor einem schwierigeren Weg. Aber Design war nie nur Umsetzung. Es ging immer um Urteilsvermögen. Die Tools haben diese Wahrheit nur offensichtlicher gemacht.
Abschließende Gedanken
Die Tools haben sich geändert. Der Zeitplan hat sich geändert. Die Frage, wer gutes Design ausliefern kann, hat sich geändert. Was sich nicht geändert hat, ist der Bedarf an jemandem, der sich um die Details kümmert, der erkennt, wenn sich etwas richtig anfühlt, und der sich nicht mit „gut genug" zufriedengibt.
Das Verständnis dieses neuen Ansatzes verändert, wie Sie Designarbeit bewerten und vergeben. Wenn Sie Budgets freigeben, Zeitpläne festlegen oder Agenturen beauftragen, müssen Sie wissen, was heute tatsächlich möglich ist. Viele etablierte Agenturen führen noch den alten Prozess durch – wochenlanges Hin und Her, mehrere Runden durch Figma, aufgeblähte Zeitpläne. Weil sie es immer so gemacht haben, nicht weil es notwendig ist.
Probieren Sie es einmal aus. Verbringen Sie einen Nachmittag damit, eine einfache Landingpage mit KI zu bauen. Nicht, weil Sie Designer werden müssen, sondern weil es Ihre Erwartungen neu kalibriert, das Tempo und die Qualität aus erster Hand zu erleben. Sie werden wissen, welche Fragen zu stellen sind. Sie werden realistische Maßstäbe haben, statt zu akzeptieren „so lange dauert Design eben".
Und wenn Sie Designarbeit vergeben, fragen Sie, wie KI in deren Prozess genutzt wird. Wenn die Antwort „gar nicht" lautet, ist das bemerkenswert. Nicht, weil KI Magie wäre, sondern weil es nahelegt, dass sie womöglich nicht mit Tools Schritt halten, die grundlegend verändert haben, was möglich ist.
Das Handwerk des Designs verschwindet nicht. Aber das Gatekeeping schon. Und das ist eine gute Sache für jeden, der Geschmack hat, sich um Qualität kümmert und bereit ist, die Arbeit zu investieren, um die Details richtig hinzubekommen.
Häufig gestellte Fragen
Kann man wirklich eine Website ohne Figma designen?
Ja. Wir haben über ein Dutzend Produktions-Websites ausgeliefert, ohne Figma auch nur einmal zu öffnen. KI-Coding-Tools wie Cursor und Claude Code erzeugen echten, produktionsreifen Code direkt aus Beschreibungen in natürlicher Sprache. Jede Iteration ist die tatsächliche Live-Seite, es gibt also keinen Schritt der Design-zu-Code-Übersetzung. Dieser Ansatz funktioniert besonders gut für Landingpages, Produktseiten und Marketing-Sites.
Wie lange dauert es, eine Landingpage mit KI zu designen?
In unserer Erfahrung dauert ein vollständiges Landingpage-Design etwa vier bis acht Stunden konzentrierter Arbeit, verteilt über mehrere Iterationszyklen. Die Dentro-Website wurde in unter zehn Stunden von Grund auf gestaltet. Das Tempo kommt daher, dass die klassische Design-zu-Code-Übergabe entfällt, sodass Sie ab der ersten Minute mit dem echten Ding arbeiten.
Welche KI-Tools eignen sich 2026 am besten für Webdesign?
Wir nutzen primär Cursor und Claude Code für KI-gestütztes Webdesign. Bei beiden beschreiben Sie in natürlicher Sprache, was Sie wollen, und sie erzeugen direkt Produktionscode. Der Schlüssel ist, ein leistungsfähiges KI-Modell mit einer klaren Designvision zu paaren. Wir nutzen smartere Modelle für die anfängliche Brainstorming-Phase und schnellere Modelle für die iterative Verfeinerung.
Brauchen Sie noch einen Designer, wenn Sie KI nutzen?
Nicht unbedingt für die Umsetzung, aber Sie brauchen weiterhin jemanden mit Geschmack: die Fähigkeit, gutes Design zu erkennen und zu artikulieren, was funktioniert und was nicht. Klassische Designfähigkeiten wie das Verständnis von Hierarchie, Typografie und visuellem Fluss bleiben wertvoll. Was sich geändert hat, ist, dass die Person, die das Design steuert, nicht mehr manuell Pixel verschieben oder CSS schreiben muss.
Welche Fähigkeiten braucht man, um mit KI zu designen?
Zwei Dinge: Geschmack und Kommunikation. Geschmack bedeutet, dass Sie gutes Design erkennen, wenn Sie es sehen. Sie haben Zeit damit verbracht, Websites zu betrachten, zu bemerken, was funktioniert, Meinungen zu entwickeln. Kommunikation bedeutet, dass Sie ästhetische Absicht klar genug beschreiben können, damit die KI danach handeln kann. „Das fühlt sich beengt an, es braucht Raum zum Atmen" zu sagen ist nützlicher als „mehr Padding hinzufügen".
Ist KI-generiertes Webdesign gut genug für den professionellen Einsatz?
Ja, wenn es von jemandem mit gutem Urteilsvermögen gesteuert wird. Die Qualitätsdecke wird von der Person bestimmt, die die KI führt, nicht vom Tool selbst. Wir haben professionelle Sites für mehrere Produkte gebaut, darunter NoteThisDown, DentroChat und Vidanis, alle an echte Nutzer und Kunden ausgeliefert. Der entscheidende Unterschied ist, klare Vorstellungen davon zu haben, wie „gut" aussieht, und diese klar kommunizieren zu können.
Wenn Sie dazu Fragen haben oder eine Außenmeinung benötigen, melden Sie sich jederzeit gern bei uns.