Das kürzlich erschienene Tool Ready AI sorgt in Designkreisen für Aufsehen. Seine Stärke liegt darin, dass Nutzer mit einfachen Textanweisungen innerhalb von 30 Sekunden professionelle Webseiten-Oberflächen generieren können. Mit Ready AI haben Nutzer mehr Kontrolle über das gewünschte UI.
Im Gegensatz zu Konkurrenzprodukten bietet Ready AI Funktionen zur Echtzeit-Vorschau und zum Versionsvergleich, was sich bei Design-Tests für Social-Media-Plattformen und E-Commerce-Websites als erstaunlich effizient erwiesen hat.
Ready AI unterstützt verschiedene Frameworks wie HTML, Vue und React. Bei der Projekt Erstellung können Eingabeaufforderungen verwendet werden; das Tool gibt daraufhin Vorschläge, die der Nutzer annehmen oder selbst weiter bearbeiten kann.
Es gibt eine Eingabebeschränkung von 2000 Zeichen. Bilder können als Inspiration hochgeladen werden. Auch Farbstile, die Auswahl zwischen hellem und dunklem Modus sowie der Rundungsradius von Buttons und Widgets können festgelegt werden.
Ein Vorteil von Ready AI ist, dass es nach der Eingabe von Anweisungen Layoutstrukturen vorschlägt, die der Nutzer generieren oder bearbeiten kann.
Beispiel: Die Eingabeaufforderung „Entwerfen Sie eine moderne Social-Media-Seite mit vielen Inhalten und Details, einschließlich Funktionen zum Folgen, Liken, Kommentieren und Teilen. Die Seitenleiste enthält Freundschaftsvorschläge, Nachrichtenbenachrichtigungen und persönliche Einstellungen. Die Hauptfarbe ist ein blau-rosa Farbverlauf mit Sternenelementen…“ erzeugt folgendes Ergebnis:
Nach der Generierung des UI kann der Nutzer aus zwei verschiedenen Versionen wählen, z. B. Version A und Version B, die sich geringfügig im Layout unterscheiden. Der Nutzer kann die Version nach seinen Wünschen auswählen.
Die Code-Struktur wird in Echtzeit auf der linken Seite des Tool-Fensters angezeigt, während die Visualisierung auf der rechten Seite dargestellt wird. Designer können jederzeit zwischen 10 vorherigen Versionen wechseln und Anpassungen vornehmen.
Ready AI hat jedoch eine deutliche Einschränkung: Die generierten Inhalte beschränken sich auf die Frontend-Oberfläche. Für die Backend-Funktionalität müssen Tools wie Bolt verwendet werden.
Das Preismodell bietet drei Optionen: Die kostenlose Version bietet 500 Punkte pro Monat (ca. 10 vollständige Seiten), das 20-Dollar-Paket bietet 5000 Punkte und 10 Projekte, und die Pro-Version für 40 Dollar bietet 11000 Punkte und bevorzugten technischen Support. Für die meisten Nutzer reicht die kostenlose Version aus.
Projekt-Link: https://readdy.ai/home
Wichtigste Punkte:
🚀 Textbefehle generieren in Sekundenschnelle zwei Designversionen: A/B-Vergleich und Versionsverlauf
🛠️ Tool zur Generierung von Frontend-Oberflächen: Benötigt zusätzliche Programmiertools für vollständige Funktionalität
💵 Stufenförmiges Preismodell: Kostenlose Version für 10 vollständige Seiten-Prototypen