Übersicht KI-Tools

In diese Übersicht habe ich alle Tools aufgenommen, die behaupten, Websites, Sitemaps, Wireframes oder Mockups mit KI zu erstellen. Soviel vorab: Die meisten taugen nichts. Wenn Sie meine persönliche Empfehlung haben wollen, reicht Ihnen die folgende kurze Liste. Das sind alles Tools, die gerade nicht mit einem Klick eine Website erstellen – denn dann rät die KI, was wohl das Richtige für Sie sein könnte. Es sind vielmehr alles Tools, mit denen Sie etwas Arbeit haben, um die Sie aber nicht herumkommen, wenn Sie nicht einfach irgendeine Website wollen, sondern eine gute.

Hier also meine persönlichen Favoriten:

• Claude Design zusammen mit Claude Code: Das Duo ist gerade meine Top-Empfehlung. Claude Design liefert beim ersten Wurf erstaunlich gute, lauffähige Prototypen, die sich direkt im Chat bearbeiten lassen – mit Kommentaren an einzelnen Elementen, direkter Textbearbeitung oder dem Schieben von Reglern für die Gestaltung von Text, Farbe etc. Steht der Entwurf, packt Claude Design ein Übergabepaket für Claude Code, das mehr enthält als ein klassischer Figma-Export: Code, Design-System und die Designabsicht werden mitgeliefert. Mit Claude Code setzen Sie das dann im Terminal um, sehr effizient – allerdings nur, wenn man den Bauprozess einer Website wirklich kennt. Beides braucht ein Pro-Abo (~18 €/Monat); Claude Design ist noch eine „Vorschauversion“ und token-hungrig, aber ziemlich beeindruckend.
• Relume, vor allem in Zusammenarbeit mit Webflow: Relume ist ein nicht ganz günstiges Werkzeug, das meiner Meinung nach aber den besten Ansatz fürs Erstellen von Websites mit KI hat. Es geht in Schritten vor, hat viele Anpassungsmöglichkeiten per KI-Chat, aber auch per klassischem grafischem Interface, wo es sinnvoll ist. So entstehen nicht auf einen Klick, sondern im Dialog mit der KI richtig gute Sites.
• Elementor AI Site Planner: Erstellt WordPress-Sites mit KI-Hilfe. Es muss aus meiner Sicht nicht immer WordPress sein, es geht schneller und ressourcenschonender mit anderen Systemen, und Elementor versucht, ein paar Schwächen von WordPress auszugleichen, indem es einen visuellen Editor nachrüstet. Aber man kann auch Websitekonzeption mit dem Tool machen und die Site dann mit einer anderen Technik umsetzen – derzeit sogar kostenlos.
• v0 by Vercel: KI-Code-Editor. Man erstellt alles mit Prompts, hat keinen visuellen Editor. Das ist manchmal mühsam und umständlich und bedeutet viel Wartezeit. Das Ergebnis ist aber sehr ordentlich und den Tailwind-Code kann man schnell in einem Sprachmodell wie ChatGPT oder Claude übersetzen lassen in HTML und CSS. Ein mächtiges Tool, das etwas Einarbeitungszeit fordert.