Wofür · Entscheidungshilfe

Frontend & Design

Oberflächen, Prototypen und Webdesign bauen. Hier die kuratierten Empfehlungen – Modelle und Werkzeuge.

← Alle Aufgaben

Empfohlene Modelle

Alle Modelle →

Reihenfolge: zuerst unsere kuratierte Einstufung ( Spitze zuerst, dann solide, situativ, überholt), bei Gleichstand nach dem unabhängigen AA Intelligence-Index. Der Balken zeigt diesen Wert je Modell (länger = besser); markiert den besten Wert der Liste – er steht ggf. nicht oben, weil die Einstufung zuerst zählt.

Passende Werkzeuge

Alle Werkzeuge →
Frontend & DesignFreemium

v0

Vercel

KI-Generator von Vercel, der aus einer Beschreibung Oberflächen und Web-Apps baut.

Frontend & DesignFreemium

Lovable

Lovable

KI-App-Builder: per Chat – auch aus einem Screenshot – komplette Web-Apps bauen.

Frontend & DesignFreemium

Bolt

StackBlitz

KI-Web-Builder von StackBlitz – baut im Browser, importiert Design-Systeme aus Figma.

Frontend & DesignFreemium

Framer

Framer

Visueller No-Code-Website-Builder für Designer – mit KI-Layout-Generierung.

Frontend & DesignFreemium

Figma Make

Figma

Figmas KI: aus Prompt und Design-Bibliothek lauffähige Prototypen und Code.

Frontend & DesignFreemium

Paper

Paper

„Agenten-nativer“ Design-Canvas: eine Figma-artige Fläche, deren Inhalt echtes HTML/CSS ist und die ein Coding-Agent (Claude Code, Cursor u. a.) über einen MCP-Server direkt lesen und beschreiben kann – Design und Code ohne Übergabe-Bruch.

Frontend & DesignOpen Source

Astryx

Meta

Metas quelloffenes React-Design-System (auf StyleX, MIT): 150+ barrierefreie Komponenten, Theming aus wenigen Tokens – und „AI-fluent“, weil eine CLI Doku/Beispiele/API in den Agent-Kontext lädt, sodass Mensch und KI-Assistent aus derselben Referenz bauen.

Frontend & DesignOpen Source

Impeccable

Paul Bakaus

Quelloffene Design-Sprache für Coding-Agenten: ein Skill mit 23 Befehlen, 59 deterministischen Detektor-Regeln gegen typische KI-Oberflächen-Muster und ein Live-Modus, in dem man Varianten direkt im Browser durchprobiert.