Framer-Alternative / Design wählen, mit deiner KI anpassen
Eine einfachere Framer-Alternative. Erstelle deine eigene Website aus einem fertigen Design mit dem KI-Tool, das du bereits nutzt.
Layout, Typografie und Seitendateien sind vorbereitet. Wähle ein Design, gib deiner KI die OneDollarStock-Dateien und Anweisungen und beschreibe die Änderungen. Behalte das Projekt in deinem eigenen Arbeitsablauf und prüfe das Ergebnis Schritt für Schritt.
Links siehst du das Original-Template. Rechts ein interaktives Beispiel mit vorbereiteten Änderungen an den Projektdateien. Der Dialog ist ein Beispiel; es ist keine KI live verbunden.
Wähle diese Methode, wenn du die Website-Dateien behalten und in deinem KI-Tool bearbeiten willst. Du beginnst mit einem sichtbaren Design und veröffentlichst die Dateien auf geeignetem Hosting. Wenn du lieber innerhalb von Framer gestaltest und veröffentlichst, vergleiche diesen integrierten Ablauf mit der Dateimethode unten.
Zum Vergleichen wischen →
Was dir wichtig ist
Framer
OneDollarStock Templates
Mit einem fertigen Design beginnen
✓Templates im Framer-Arbeitsablauf.
✓Ein Website-Design als Projektdateien.
KI zum Erstellen oder Ändern der Website nutzen
✓Framer bietet einen KI-Agenten im Canvas.
✓Dein eigenes KI-Tool mit Dateizugriff nutzen.
Inhalte in einem integrierten visuellen CMS bearbeiten
✓CMS-Sammlungen und Inhaltsbearbeitung.
×Das ZIP enthält kein CMS-Dashboard.
Über eine integrierte Plattform veröffentlichen
✓Framer bietet Veröffentlichung über seine Plattform.
×Ein separates Hosting wählen und einrichten.
Das gezeigte HTML- und RECREATE.md-Paket erhalten
—Den Lieferumfang des gewählten Framer-Produkts prüfen.
✓Beides ist im gezeigten Formwell-ZIP enthalten.
✓ Wie beschrieben verfügbar oder enthalten. × Nicht Teil der genannten Methode. — Das gewählte Produkt prüfen. Quellen: Framer-KI, Framer-CMS, Veröffentlichung mit Framer. Geprüft am 1. Oktober 2026.
In deiner KI arbeiten
Du möchtest ein fertiges Design und übernimmst gerne Dateiprüfung und Hosting.
Im Plattform-Arbeitsablauf bleiben
Du möchtest Framers Canvas, strukturierte Inhaltsbearbeitung und integrierte Veröffentlichung.
02 / Deine Website
Kann ich eine ganze Website mit einem einzigen Prompt erstellen?
Ja. Das Template gibt deiner KI ein vollständiges Website-Design mit Struktur, Gestaltung und Interaktionen als Grundlage. Füge den enthaltenen Prompt oder RECREATE.md in deine KI ein und übergib die Projektdateien und Bilder. Du kannst auch direkt mit der enthaltenen HTML-Datei starten und Änderungen beschreiben. Prüfe das Ergebnis; funktionierende Formulare, Zahlungen oder ein CMS brauchen eine eigene Einrichtung.
Nutze dieses Template und RECREATE.md für mein Unternehmen. Behalte das Design und ersetze Beispielname, Angebot und Bilder durch meine angehängten Inhalte.
KI · Beispielantwort
Ich arbeite mit der bestehenden Struktur, ordne deine Inhalte den Abschnitten zu und liste fehlende Texte oder Bilder auf, bevor ich die Vorschau erstelle.
Du
Behalte das Layout. Nutze meine Leistungsbeschreibungen und verlinke den Hauptbutton mit meiner Buchungsseite.
Vom Template zu deiner Website
Das vollständige Paket übergeben
Quellcode, Anleitung und enthaltene Dateien.
Deine Inhalte ergänzen
Name, Angebot, Bilder und Ziel des Hauptbuttons.
Das Ergebnis öffnen
Die ganze Seite prüfen und Korrekturen anfordern.
Du passt ein vorhandenes Website-Design an, statt es auf einer leeren Seite zu beschreiben.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
Nutze den enthaltenen Quellcode und die Anleitung. Bitte die KI, das Design zu behalten, Beispiele durch deine Inhalte zu ersetzen und die fertige Seite zu zeigen. Die zwei Templates oben zeigen unterschiedliche Designs; die optionale Bearbeitungsdemo nutzt Formwell.
Ändere die Überschrift in meinen Firmennamen, nutze das angehängte Logo und mache den Hauptbutton dunkelgrün. Behalte den restlichen Aufbau.
KI · Beispielantwort
Ich suche Überschrift, Logo und Button-Stile im Projekt und bereite die Änderungen vor. Die vorhandenen Abschnitte bleiben erhalten; ich zeige dir die Vorschau.
Du
Kürze die Überschrift auf Mobilgeräten und verlinke den Button mit meinem Kontaktbereich.
Deine erste Änderung
Template-Dateien öffnen
Ordner und RECREATE.md an den Agenten übergeben.
Das Ergebnis beschreiben
Abschnitt, neuen Text, Bild oder Farbe nennen.
Prüfen und anpassen
Vorschau auf Desktop und Mobilgerät öffnen.
Du beschreibst die Änderung; das KI-Tool bearbeitet die Dateien. Du entscheidest über das Ergebnis.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
03 / Deine ersten Änderungen
Kann ich das selbst machen?
Ja — Änderungen an Texten, Farben, Bildern und Layout beschreibst du in normaler Sprache. Nutze ein KI-Tool, das die Projektdateien lesen und bearbeiten kann. Entpacke das Template, öffne den Ordner in deinem Agenten oder hänge unterstützte Dateien an den Chat an. Beschreibe dann genau, was sich ändern soll. Öffne die Vorschau und bitte um Korrekturen, bis sie zu deinem Unternehmen passt.
01
Template-Dateien öffnen — Ordner und RECREATE.md an den Agenten übergeben.
02
Das Ergebnis beschreiben — Abschnitt, neuen Text, Bild oder Farbe nennen.
03
Prüfen und anpassen — Vorschau auf Desktop und Mobilgerät öffnen.
Eigene Funktionen wie Anmeldung, Zahlungen oder Live-Daten können zusätzliche Dienste oder Fachhilfe benötigen.
Vorbereitetes Template-Beispiel ansehen
AI ChatBeispielablauf
Download-Paket · Formwell-Beispiel
Du
Ich habe Formwell entpackt. Welche Dateien gebe ich dir und wofür sind sie da?
KI · Beispielantwort
Gib mir den ganzen Ordner. index.html ist die Website, RECREATE.md beschreibt das Design und assets/ enthält die verwendeten Bilder. Ich lese Anleitung und Quellcode zusammen.
Du
Nutze die vorhandene Website als Ausgangspunkt und ersetze die Beispielinhalte durch meine.
Was du herunterlädst
Website-Quellcode
Bearbeitbares HTML, Stile und Interaktionen.
KI-Anweisungen
RECREATE.md für das gewählte Design.
Zugehörige Dateien
Enthaltene Bilder und andere Dateien beim Projekt belassen.
Ein Website-Projekt, das du behältst und in deinem Tool bearbeitest. Hosting und KI-Konto sind separat.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
04 / Was du kaufst
Was erhalte ich nach dem Kauf genau?
Du erhältst ein bearbeitbares Website-Projekt und seine KI-Anweisungen. Beim geprüften Formwell-Beispiel enthält index.html die Website, Stile und Interaktionen; RECREATE.md erklärt das Design; assets/ enthält vier zugehörige Bilder. Der Inhalt variiert je nach Template. Prüfe deshalb das Paket deines gewählten Produkts. Behalte die Dateien auf deinem Computer, um sie mit deiner KI zu bearbeiten oder an eine Person für die Veröffentlichung weiterzugeben.
Veröffentliche diese fertige Website mit Wrangler auf Cloudflare Pages. Sage zuerst, welchen Ordner du hochlädst und welche Berechtigungen du brauchst. Frage vor dem Upload oder Domain-Änderungen nach.
KI · Beispielantwort
Ich prüfe Dateien und Hosting-Konfiguration und bitte dich dann um Anmeldung oder den erforderlichen Zugriff. Ich zeige dir den Upload-Plan. Nach deiner Freigabe kann ich veröffentlichen und die zurückgegebene Adresse prüfen.
Du
Starte mit der Cloudflare-Adresse. Wir prüfen diese Version, bevor wir meine eigene Domain verbinden.
Lokale Dateien → Website im Internet
Vorbereiten und freigeben
Ordner, Hosting-Konto und Upload bestätigen.
Veröffentlichen und prüfen
Website-Ordner mit Wrangler hochladen und die zurückgegebene Adresse öffnen.
Domain verbinden
Domain dem Projekt zuordnen und DNS-Änderungen freigeben.
Dein KI-Agent kann die Website veröffentlichen, sobald du nötigen Zugriff und Freigabe erteilst.
Beispieldialog zur Veröffentlichung. Dieser Landingpage-Chat veröffentlicht keine Website.
05 / Online gehen
Wie wird aus dem Projekt meine veröffentlichte Website?
Wenn dir die Website gefällt, bitte einen KI-Agenten mit Dateizugriff, sie auf Cloudflare Pages, Vercel oder einem anderen geeigneten Hosting zu veröffentlichen. Der Agent braucht das Projekt, Zugriff auf dein Hosting-Konto und deine Freigabe vor dem Upload oder Änderungen an der Domain. Er kann die unterstützte CLI oder API nutzen, eine Vorschauadresse zurückgeben und dir beim Verbinden deiner eigenen Domain helfen.
Hosting ist der Ort, an dem deine Website-Dateien liegen; die Domain ist die Adresse, die Besucher eingeben. Starte mit der Vorschauadresse des Hostings und verbinde deine Domain, sobald die Website geprüft ist.
Die KI um Veröffentlichung bitten
Gib einem geeigneten Agenten den Website-Ordner, freigegebenen Hosting-Zugriff und deine Zustimmung. Er kann Cloudflare Wrangler oder Vercel CLI nutzen und dir beim Prüfen der zurückgegebenen Adresse helfen.
ZIP an den Hosting-Support senden
Frage, ob dein Hosting-Anbieter Hilfe bei der Einrichtung anbietet, und sende das fertige Projekt mit Anleitung. Leistung und mögliche Gebühren hängen vom Anbieter ab.
Entwickler oder IT-Kontakt fragen
Sende das ganze Projekt, Domain-Details und den gewünschten Kontakt- oder Buchungsdienst. Vereinbart, wer hochlädt und prüft.
Prüfe vor dem Start den Kontakt- oder Buchungsweg. Ein gestaltetes Formular allein versendet keine Nachrichten.
AI ChatBeispielablauf
Primefolio · nächstes Update
Du
Hier sind die aktuellen Dateien. Ergänze meine neue Leistung und aktualisiere die Kontaktadresse. Behalte Design und Domain.
KI · Beispielantwort
Ich sichere die aktuelle Version, bereite beide Änderungen vor und zeige eine Vorschau. Nach deiner Freigabe kann ich das bestehende Hosting-Projekt mit deinem bereitgestellten Zugriff aktualisieren.
Du
Zeige mir vor der Veröffentlichung auch die mobile Version.
Dieselbe Website aktualisieren
Aktuelle Dateien nutzen
Alle Änderungen seit dem ursprünglichen Download einschließen.
Die nächste Änderung beschreiben
Inhalte ergänzen, Bilder ersetzen oder Layout anpassen.
Geprüfte Version veröffentlichen
Im bestehenden Hosting-Projekt bereitstellen.
Das nächste Update setzt deine eigene Website mit aktuellen Inhalten und derselben Adresse fort.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
06 / Die nächste Änderung
Kann ich die Website später noch ändern?
Ja. Öffne dasselbe gespeicherte Projekt, gib deiner KI die aktuellen Dateien und beschreibe, was du ergänzen oder ändern willst. Sichere die bestehende Version, prüfe die neue Vorschau und bitte den Agenten, das freigegebene Update im selben Hosting-Projekt zu veröffentlichen. Du musst das Template zur Bearbeitung dieses Projekts nicht erneut kaufen; die Website kann ihre bisherige Adresse behalten.
Die Gesamtkosten bestehen aus Template oder PRO-Zugang sowie KI-Abo, Hosting, Domain und den von dir gewählten Diensten. Template- und PRO-Preise stehen unten. Für die übrigen Kosten frage den Agenten, welche Dienste diese Website braucht, und prüfe deren aktuelle Gebühren. Eine Präsentationsseite und eine Website mit Zahlungen oder Mitgliederkonten kosten unterschiedlich viel.
Hier sind die Inhalte meiner aktuellen Website und das neue Template. Übernimm Angebot, Über-uns und Kontakt in das neue Design. Halte wichtige URLs in einer Migrationsliste fest.
KI · Beispielantwort
Ich ordne die Inhalte den Template-Abschnitten zu, nutze die gelieferten Originalbilder und markiere Lücken. Ich liste auch nötige Weiterleitungen und Dienste auf, die neu verbunden werden müssen.
Du
Lass die bisherige Seite online, bis ich die Vorschau freigebe und der Kontaktweg funktioniert.
Die Inhalte übernehmen, die du behalten willst
Inhalte sammeln
Aktuelle Texte, Originalbilder und wichtige URLs.
Im Template platzieren
KI um Austausch der Beispiele bei gleichem Design bitten.
Nach der Prüfung umstellen
Inhalte, Links, Dienste und Weiterleitungen prüfen.
Deine Inhalte kommen in ein neues Design. CMS, Shop und Buchungsdienste brauchen eine separate Verbindung.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
08 / Deine bisherige Website
Wie übernehme ich Inhalte meiner bisherigen Website in ein neues Template?
Gib deiner KI das neue Template sowie Texte, Originalbilder und wichtige URLs deiner bisherigen Website. Ein Agent mit Dateizugriff kann die alte Seite bei vorhandenem Zugriff prüfen; alternativ fügst du die Inhalte ein oder übergibst einen Export. Bitte ihn, alte Abschnitte dem neuen Design zuzuordnen, Beispielinhalte zu ersetzen und Lücken zu markieren. Prüfe Links und wichtige Weiterleitungen, bevor du die Domain umstellst.
01
Inhalte sammeln — Aktuelle Texte, Originalbilder und wichtige URLs.
02
Im Template platzieren — KI um Austausch der Beispiele bei gleichem Design bitten.
03
Nach der Prüfung umstellen — Inhalte, Links, Dienste und Weiterleitungen prüfen.
CMS-Inhalte, Shop-Daten und Buchungsdienste wechseln nicht allein durch Kopieren des Website-Designs. Frage deinen Agenten, welche Dienste neu verbunden werden müssen, und lasse die alte Seite bis zur Prüfung online.
Das Menü verdeckt auf dem Handy die Überschrift. Hier sind Projekt, RECREATE.md und Screenshot. Behebe das und behalte das Desktop-Layout.
KI · Beispielantwort
Ich prüfe mobiles Menü und Abstände, erkläre die Ursache und bereite eine gezielte Korrektur vor. Die mobile Vorschau zeigt dir das Ergebnis vor der Veröffentlichung.
Du
Sag mir, welche Dateien geändert wurden, damit ich die aktuelle Version behalte.
Der KI das tatsächliche Problem zeigen
Das Problem zeigen
Screenshot, Gerät und erwartetes Ergebnis.
Das Projekt beilegen
Aktuelle Dateien und Designanleitung.
Die Korrektur prüfen
Vorschau prüfen; für Integrationen bei Bedarf Fachhilfe nutzen.
Mit konkretem Kontext kann die KI das Problem beheben, statt die ganze Website neu zu erstellen.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
09 / Wenn du Hilfe brauchst
Was mache ich, wenn ich nicht weiterkomme?
Gib deiner KI die aktuellen Projektdateien, RECREATE.md, einen Screenshot und das genaue Problem. Zum Beispiel: ‚Das Menü verdeckt auf dem Handy die Überschrift. Behebe das, ohne das Desktop-Layout zu ändern.‘ Bitte sie, die Ursache zu erklären, die Korrektur vorzunehmen und den Test zu zeigen. Für Fragen zum Download oder Paket kontaktiere OneDollarStock. Kann der Agent eine eigene Integration nicht fertigstellen, gib Projekt und Problem an einen Entwickler oder Hosting-Support weiter.
Nutze das angehängte Formwell-Projekt und die Anleitung. Ersetze den Beispielnamen durch meinen Firmennamen und nutze meine Markenfarbe für die Hauptbuttons.
KI · Beispielantwort
Ich lese Quellcode und Anleitung, bereite Text- und Farbänderungen vor und zeige eine Vorschau. Du kannst sie mit dem Original vergleichen, bevor du dein nächstes Design wählst.
Du
Ersetze jetzt die Beispiel-Einleitung durch meinen Absatz.
Vor der Auswahl testen
Herunterladen und entpacken
Das originale Formwell-Projekt.
Anweisungen kopieren
Anleitung und Dateien an deine KI übergeben.
Für dich anpassen
Name, Angebot oder Farben ändern und Vorschau prüfen.
Teste die Dateien und den Prompt mit einem echten Projekt vor dem Kauf.
Beispielablauf. Die Schritte führst du in deinem KI-Tool aus.
10 / Die neue Methode testen
Kann ich die Methode vor dem Bezahlen testen?
Ja. Lade unten das kostenlose Formwell-ZIP herunter und entpacke es. Kopiere die vollständigen KI-Anweisungen, öffne oder übergib die Dateien in deinem KI-Tool und bitte um eine Änderung mit deinen eigenen Unternehmensinhalten. Du kannst denselben Bearbeitungsablauf testen, bevor du ein kostenpflichtiges Design wählst. Dein KI-Konto ist separat.
OneDollarStock setzt ein Projekt zur Vorbereitung der Plattform auf den Eintritt in den deutschen Markt im Rahmen des Akzelerationspfads „Go Global“ des Programms „Unicorn Hub Startup Booster“ um (Projektnr. FENG.02.28-IP.02-0013/23). Das Projekt wird aus Mitteln des Programms European Funds for Smart Economy 2021–2027 im Rahmen der Priorität „Innovation-friendly environment“, Maßnahme FENG.2.28 Startup Booster Poland, kofinanziert.
Mehr über das Projekt erfahren →
Novaform
Template ansehen
Kroma-Adaptation
Template ansehen
Arcilla Archive
Template ansehen
DESIGN
Template ansehen
Virelia
Template ansehen
Nearfield
Template ansehen
Vorami
Template ansehen
Iris Halden
Template ansehen
Forma
Template ansehen
Editorial Portfolio
Template ansehen
Mora
Template ansehen
Atelier North
Template ansehen
Novaform
Template ansehen
Kroma-Adaptation
Template ansehen
Arcilla Archive
Template ansehen
DESIGN
Template ansehen
Virelia
Template ansehen
Nearfield
Template ansehen
Vorami
Template ansehen
Iris Halden
Template ansehen
Forma
Template ansehen
Editorial Portfolio
Template ansehen
Mora
Template ansehen
Atelier North
Template ansehen
