CodingDokumentierter ÜberblickZuletzt geprüft Oct 2, 2026

Ditto: Preise, Funktionen & beste Einsatzzwecke

Quelloffener, deterministischer Website-Klonierer, der per CLI, REST-API oder MCP komponentenbasierten Next.js- oder Vite-Code ausgibt.

Ist Ditto das Richtige für Sie?

Ditto ist ein guter Startpunkt für Entwickler und Betreiber von KI-App-Buildern, die deterministischen, wartbaren Code aus einer bestehenden Website wollen. Auf Basis der Dokumentation des Anbieters, nicht in einem praktischen Test.

Am besten für: Entwickler

Auch gut geeignet für

  • Teams von KI-App-Buildern

Ein anderes Tool in Betracht ziehen, wenn die gehostete API erfordert einen API-Schlüssel

Oder wenn

  • Dokumentationsseite liefert 404
  • Preisangaben beschränken sich auf einen Hinweis auf Kostenlosigkeit

Ditto in den Nachrichten

Schlagzeilen von US-Medien, automatisch ausgewählt – keine Empfehlungen. Aktualisiert Oct 2, 2026

Ditto Preise und Nutzungslimits

Preise am Oct 2, 2026 auf der offiziellen US-Preisseite geprüft. Preise und Limits ändern sich häufig.

Kostenloser Zugang und Testbedingungen

Der Code ist kostenlos und steht unter MIT-Lizenz.

Nicht angegeben.

Kostenpflichtige Tarife: was sich beim Upgrade ändert

Open source web

Kostenlos Quelle (öffnet in neuem Tab)

Monat

Für: Developers who run it themselves

Enthält

  • Self-hosted pipeline
  • Next.js or Vite output

Hosted API web

Offizielle Preise ansehen Quelle (öffnet in neuem Tab)

Monat

No pricing page found

Für: Skipping infrastructure

Enthält

  • REST API
  • MCP server

Nutzungsobergrenzen, Guthaben und Zusatzkosten

Die Preise der gehosteten API sind nicht veröffentlicht.

Nicht angegeben.

Was ist Ditto und wie funktioniert es?

Ditto klont eine Website ohne LLM in ein komponentenbasiertes Next.js- oder Vite-Projekt und liest dabei Design-Tokens, Schriften, Bewegungen und Abschnitte aus. Es steht unter MIT-Lizenz und stammt von ion.design. Es lässt sich selbst hosten, über eine gehostete REST-API mit API-Schlüssel aufrufen oder von Agenten über einen MCP-Server nutzen.

Ditto Startseite – Screenshot des KI-Tools coding, Oct 2, 2026
Offizielle Website von Ditto: So stellt sich das Produkt selbst dar. ditto.site, erfasst Oct 2, 2026

Was Sie liefern und was Sie erhalten

Sie liefern

  • Eine Website-URL
  • Optionen für Framework und Styling

Sie erhalten zurück

  • Komponentenbasiertes Next.js- oder Vite-Projekt

Wo Sie es nutzen können

Plattformen
API
Konto
Erforderlich

Wo Ditto am nützlichsten ist

Die Szenarien erarbeiten unsere Redakteure anhand der Dokumentation; das tatsächliche Ergebnis hängt von Ihrer Eingabe und Ihrem Tarif ab.

Startpunkt für KI-App-Builder

Wer
KI-App-Builder
Sie liefern
URL der Kundenwebsite
Erwartetes Ergebnis
Originalgetreuer Code als Ausgangspunkt
Benötigter Tarif
Gehostete API
Einschränkung
Erfordert API-Schlüssel Quelle (öffnet in neuem Tab)

Eine Website in Code klonen

Wer
Frontend-Entwickler
Sie liefern
Eine Referenzwebsite
Erwartetes Ergebnis
Ein geklontes Projekt
Benötigter Tarif
Open Source
Einschränkung
Die Ausgabe ist Next.js oder Vite React Quelle (öffnet in neuem Tab)

Design-Tokens auslesen

Wer
Designer
Sie liefern
Eine Live-Website
Erwartetes Ergebnis
Design-Tokens, Schriften und Bewegungen
Benötigter Tarif
Open Source
Einschränkung
Das Auslesen beschränkt sich auf das Sichtbare Quelle (öffnet in neuem Tab)

Was Ditto leistet und wo die Grenzen liegen

Ditto Startseite – Screenshot des KI-Tools coding, Oct 2, 2026
Funktionsüberblick auf der offiziellen Website. ditto.site, erfasst Oct 2, 2026

Deterministische Ausgabe

Erzeugt bei gleicher Eingabe dieselbe Ausgabe, ohne LLM. Liefert stabile Ergebnisse.

Zugriff: Alle ModiLimit: Kann Absichten nicht deuten Quelle (öffnet in neuem Tab)

Next.js oder Vite

Gibt ein Next.js- oder Vite-Projekt aus. Startet mit Ihrem Framework.

Zugriff: Alle ModiLimit: Andere Frameworks werden nicht unterstützt Quelle (öffnet in neuem Tab)

Tailwind oder CSS

Gibt Tailwind v4 oder reines CSS aus. Passt zu Ihrer Styling-Wahl.

Zugriff: Alle ModiLimit: Auswahl pro Durchlauf Quelle (öffnet in neuem Tab)

Einzelne oder mehrere Seiten

Klont eine Seite oder mehrere Routen. Skaliert von Landingpages bis zu ganzen Websites.

Zugriff: Alle ModiLimit: Die Dauer steigt mit der Seitenzahl Quelle (öffnet in neuem Tab)

Vor- und Nachteile sowie Ausschlusskriterien

Gründe für die Wahl von Ditto

Vor dem Bezahlen bei Ditto prüfen

So nutzen Sie Ditto für eine Website in Code klonen

Ditto einrichten

  1. Führen Sie gh repo clone ion-design/ditto.site aus.
  2. Führen Sie npm install aus.
  3. Oder holen Sie sich einen API-Schlüssel für die gehostete API.

Beispiel: eine Website in Code klonen

  1. Führen Sie npm run clone mit der Ziel-URL aus.
  2. Wählen Sie Framework- und Styling-Optionen.
  3. Öffnen Sie das erzeugte Projekt.

Ergebnis prüfen und exportieren

  1. Starten Sie das Projekt und vergleichen Sie es mit der Quellwebsite.
  2. Prüfen Sie, ob Schriften und Abschnitte vorhanden sind.

Ditto Integrationen und API

Native Integrationen und Exportformate

Export: Next.js-Projekt, Vite-Projekt

API-Zugang und separate Abrechnung

Eine API ist verfügbar, Abrechnung nicht dokumentiert. Gehostete REST-API unter api.ditto.site und ein MCP-Server; API-Schlüssel erforderlich.

Datenschutz, Datennutzung und kommerzielle Rechte

Zusammengefasst aus den aktuellen Richtlinien des Anbieters; dies ist keine Rechtsberatung, und das Badge eines Anbieters ersetzt kein unabhängiges Audit.

Wie Ihre Eingaben und Ausgaben verarbeitet werden

Die gehostete API erhält die URL, die Sie klonen möchten.

Kommerzielle Nutzung und Tarifbeschränkungen

MIT-Lizenz.

Ditto weiter erkunden

Tools und Ratgeber in der Nähe von Ditto

Ditto Nutzerbewertungen

Noch keine Nutzerbewertungen.

Verwendet Ditto? Teilen Sie als Erste oder Erster Ihre Erfahrung.

Bewertung schreiben

Bewertungen werden von einem Moderator geprüft, bevor sie erscheinen. Ihre E-Mail-Adresse wird nie veröffentlicht. Nur Klartext.

Ihre Bewertung (erforderlich)

Zeigen Sie, was Sie erstellt haben oder was schiefgelaufen ist. Bilder werden nur veröffentlicht, wenn die Bewertung freigegeben wird; Standortdaten werden entfernt.

    Ditto FAQ

    Nutzt Ditto ein LLM?

    Nein, laut Website ist der Klonierer vollständig deterministisch und richtet kein LLM auf Ihre Website. Quelle (öffnet in neuem Tab)

    Welche Frameworks kann Ditto ausgeben?

    Next.js oder Vite, mit Styling in Tailwind v4 oder CSS. Quelle (öffnet in neuem Tab)

    Unter welcher Lizenz steht Ditto?

    MIT. Quelle (öffnet in neuem Tab)

    Wie rufe ich die Ditto-API auf?

    Senden Sie per POST eine URL an den Clones-Endpunkt mit einem Bearer-API-Schlüssel und fragen Sie dann den Job ab. Quelle (öffnet in neuem Tab)

    Quellen und Bewertungsmethodik

    Offizielle Quellen und Prüfdaten

    Nicht verifiziert: Preis der gehosteten API; Dokumentation; Ratenlimits; Datenschutzerklärung.

    Wie wir diese Seite dokumentiert haben und pflegen

    Jede Angabe zu Ditto oben stammt aus den 2 hier aufgeführten offiziellen Seiten, zuletzt verglichen am Oct 2, 2026; wir haben Ditto nicht selbst getestet, daher gibt es keine redaktionelle Bewertung. Wie wir Seiten prüfen und erneut prüfen.

    Artikel aktualisiert Oct 10, 2026; Preise geprüft Oct 2, 2026. Ausgehende Links zu Anbietern sind einfache Links; wir erhalten keine Provisionen. So testen wir · Fehler melden