Erste Schritte
Eine App importieren
Bringen Sie eine App mit, die Sie schon haben: aus einem GitHub-Repository, einer ZIP-Datei, Lovable, Bolt, v0 oder Base44, einem Figma-Frame, einem Canva-Design oder einer Tabelle. Was es kostet, was neu aufgebaut wird und was nicht.
Sie müssen nicht bei null anfangen. Wenn die App schon irgendwo anders existiert, kann Setherion sie lesen und hier neu aufbauen, und von da an ist sie eine gewöhnliche Setherion-App, die Sie ändern, indem Sie darum bitten.
Es gibt fünf Wege hinein. Welcher passt, hängt davon ab, was Sie haben.
| Sie haben | Nutzen Sie | Was Sie bekommen |
|---|---|---|
| Eine App auf GitHub oder in Lovable, Bolt, v0 oder Base44 erstellt | Import an app | Die App hier neu aufgebaut: dieselben Seiten, Texte, dasselbe Design und dieselbe Datenstruktur |
| Den Code als .zip-Datei | Import an app | Dasselbe |
| Ein Design in Figma | Import from Figma | Ein Frame, dem die nächste Erstellung oder Änderung angepasst wird |
| Ein Design in Canva | Import from Canva | Die Seiten des Designs als Bilder, die in der App platziert werden |
| Eine Tabelle oder einen Katalog | Import an app oder Import a catalogue in einer App | Eine App, die um Ihre Zeilen herum erstellt wird, oder Ihre Zeilen, die zu einer App hinzukommen, die Sie schon haben |
Import an app
Das ist der Weg hinein für Code. Er steht im Dashboard an drei Stellen: Import an app im Menü + neben dem Eingabefeld, Import in der linken Spalte und Import an app in der Befehlspalette (Ctrl K).
Wählen Sie, woher sie kommt
Das Fenster bietet GitHub, ZIP file, Lovable, Bolt, v0 or Vercel, Base44 und Spreadsheet. Die Karten der Builder führen Sie dabei, den Code aus diesem Builder herauszuholen; die Karten GitHub und ZIP sind für Code von überall.
Geben Sie ihm den Code
Ziehen Sie entweder eine .zip-Datei hinein oder geben Sie ein GitHub-Repository an. Jede Karte hat beide Tabs, ZIP upload und GitHub. Lovable und Base44 öffnen sich bei GitHub, Bolt und v0 bei ZIP.
Bauen Sie sie neu auf
Prüfen Sie den Namen, sehen Sie, wie viele Dateien gelesen werden und was die App kostet, und drücken Sie Rebuild in Setherion. Setherion liest den Code, was meist ein bis zwei Minuten dauert. Lassen Sie das Fenster offen: Die Erstellung beginnt von selbst, wenn das Lesen fertig ist, und die App öffnet sich im Editor.
Von GitHub
Fügen Sie die Adresse eines Repositorys ein, wie https://github.com/owner/name, oder einfach owner/name, und drücken Sie Import. Ein öffentliches Repository braucht nichts weiter.
Bei einem privaten drücken Sie im selben Fenster Connect GitHub. Es meldet Sie einmal bei GitHub an, und dann können Sie Ihre eigenen Repositorys durchsuchen, private sind mit Private markiert, und eines auswählen. Das ist dieselbe GitHub-Verbindung, die der Export nach GitHub nutzt. Die Liste zeigt Ihre 100 zuletzt gepushten Repositorys; jedes andere lässt sich trotzdem importieren, indem Sie seine Adresse einfügen.
Gelesen wird der Standard-Branch. Ein Repository über 60 MB wird abgelehnt: Laden Sie es ohne seine Bilder und Videos als ZIP herunter und importieren Sie das.
Aus einer ZIP-Datei
Ziehen Sie eine .zip-Datei auf das Fenster oder wählen Sie eine aus. Die ZIP-Datei wird in Ihrem Browser geöffnet, und nur ihr Code wird weitergeschickt. Eine ZIP-Datei über 80 MB wird abgelehnt, lassen Sie also die Bilder und Videos weg.
Aus Lovable, Bolt, v0 oder Base44
Diese Builder halten einiges von dem, was eine App zum Laufen bringt, etwa ihre Daten und ihre Serverlogik, außerhalb des Codes. Deshalb gibt Ihnen das Fenster einen export prompt. Er bittet die eigene KI dieses Builders, eine Datei hinzuzufügen, SETHERION_EXPORT.md, die die Seiten der App, ihre Daten, ihre Serverlogik und ihre Konten beschreibt, mit ein paar erfundenen Beispieldatensätzen pro Tabelle. Sie soll nie Schlüssel oder Passwörter hineinschreiben.
Kopieren Sie den Export-Prompt
Drücken Sie Copy export prompt, oder Show it, um ihn zuerst zu lesen.
Fügen Sie ihn in den Chat des Builders ein
Er fügt die Datei dem Projekt hinzu.
Holen Sie den Code heraus
Lovable: Verbinden Sie das Projekt aus Lovable mit GitHub oder laden Sie es als ZIP herunter. Bolt: Laden Sie die ZIP-Datei herunter oder pushen Sie zu GitHub. v0: Laden Sie die ZIP-Datei herunter oder nutzen Sie das Repository, aus dem Ihr Vercel-Projekt veröffentlicht wird. Base44: Wenn Ihr Base44-Tarif den Export des Codes enthält, senden Sie ihn an GitHub oder laden Sie ihn als ZIP herunter.
Importieren Sie sie hier
Setherion liest zuerst SETHERION_EXPORT.md. Fehlt die Datei, sagt das das Fenster, und die App wird allein aus dem Code neu aufgebaut.
Was gelesen wird
Setherion liest die Textdateien des Projekts: Code, Stile, HTML, SQL, Markdown und Ähnliches. Geheime Dateien, installierte Pakete, Build-Ordner, Tests, Lock-Dateien, Bilder und Schriften werden nicht gelesen. Jeder Schlüssel, der trotzdem im Code steht, wird geschwärzt, bevor ein Modell etwas liest.
Ein sehr großes Projekt wird ab den aussagekräftigsten Dateien gelesen, etwa den Seiten und den Daten, und das Fenster sagt, wie viele Dateien gelesen werden und wie viele aus Platzgründen weggelassen wurden.
Jede Web-App funktioniert: React, Next.js, Vue oder reines HTML.
Was neu aufgebaut wird und was nicht
Es ist ein Neuaufbau, keine Kopie des Codes. Ein Modell liest das Projekt und schreibt eine schlichte Beschreibung dessen, was es tut, und die App wird dann aus dieser Beschreibung erstellt. Der Code selbst wird nie hinübergekopiert.
| Kommt mit | Kommt nicht mit |
|---|---|
| Die Seiten und ihre Texte, in ihrer ursprünglichen Sprache | Der Code selbst, Zeile für Zeile |
| Das Design und die Farben | Das alte Backend und alle Schlüssel oder Secrets |
| Formulare und das Verhalten der App | Die Datensätze in der Datenbank |
| Die Struktur der Daten | Bilder, die im Projekt gespeichert sind |
| Bilder, die eine Webadresse haben | Serverfunktionen und Zahlungen, genau wie sie waren |
Serverfunktionen und Zahlungen werden auf die eigene Art von Setherion beschrieben und neu aufgebaut und brauchen danach vielleicht ein paar Änderungen. Konten werden als Anmeldung im Backend von Setherion neu aufgebaut, nicht verschoben. Bilder, die im Projekt gespeichert sind, werden durch passende Fotos ersetzt, die Sie austauschen können.
Wenn die Daten in Supabase, Base44, Firebase oder Prisma lagen, kommt ihre Struktur mit, aber nicht die Datensätze darin. Wie Sie Datensätze hereinholen, steht unten beim Tabellenimport.
Was es kostet
Ein Import kostet eine neue App plus das Lesen des Codes, also etwa 40 % auf den Preis der neuen App. Das Fenster zeigt den Preis auf der Schaltfläche, bevor Sie sie drücken, und gibt nichts aus, bis Sie es tun. Eine neue App wird im Standardmodus Seth erstellt, was immer Sie im Menü Build gewählt haben.
Ihr erster Import ist kostenlos. Einmal pro Konto geht die Erstellung auf uns, Sie zahlen also nichts. Wenn Sie ein teureres Modell gewählt haben als das, das Ihr Tarif standardmäßig nutzt, zahlen Sie die Differenz, wenn die Erstellung läuft. Wenn der erste Import scheitert, haben Sie ihn trotzdem noch.
Wenn das Lesen bei einem bezahlten Import scheitert, werden die Credits dafür zurückgegeben. Wenn Sie nicht genug Credits haben, sagt das die Schaltfläche, und es wird nichts abgebucht. Siehe Tarife und Credits.
Der Import steht in jedem Tarif offen, auch in Free. Der kostenlose erste Import gilt für Code-Importe; die Tabellenkarte weiter unten wird wie eine neue App ohne Lesegebühr berechnet und gehört nicht zum kostenlosen ersten Import.
Import from Figma
Figma ist kein App-Import. Es gibt dem Builder einen Frame, dessen Aussehen er übernimmt, für eine neue App oder für eine Änderung an einer, die Sie haben. Es steht im Menü +: Import from Figma im Dashboard (innerhalb von Import a design, wo auch Canva angeboten wird) und im Editor Design und dann Import from Figma.
Verbinden Sie Figma
Beim ersten Mal drücken Sie Connect to Figma. Es fragt nach reinem Lesezugriff; Setherion kann Ihre Dateien nie ändern.
Kopieren Sie den Link zu einem Frame
Klicken Sie in Figma mit der rechten Maustaste auf den gewünschten Frame und wählen Sie Copy link to selection. Gewünscht ist ein Link wie figma.com/design/KEY?node-id=1-234, nicht die Adresse Ihrer Dateiliste.
Fügen Sie ihn ein und drücken Sie Import frame
Der Frame wird gezeichnet, und seine Farben, Schriften und Eckradien werden aus der Datei gelesen. Er kommt als Anhang ins Eingabefeld, und die nächste Anfrage wird so erstellt, dass sie dazu passt.
Das Importieren des Frames kostet keine Credits. Die Erstellung oder Änderung, die ihn nutzt, wird wie gewohnt berechnet.
Was Figma verlangt
- Einen Editor-Platz in Figma. Figma sperrt seine API für Konten mit View und Collaborator, eine Datei, die Sie in Ihrem Browser lesen können, kann hier also trotzdem abgelehnt werden.
- Eine Design-Datei. FigJam-Boards und Slides lassen sich nicht importieren.
- Eine Datei, die das verbundene Konto öffnen kann. Eine im Team einer anderen Person oder eine aus der Community, die Sie nicht in Ihre eigenen Entwürfe dupliziert haben, lässt sich nicht öffnen.
Das Fenster öffnet diese Liste von selbst, wenn ein Import scheitert.
Import from Canva
Canva-Designs kommen als Bilder herein, nicht als Layout zum Neuaufbau. Öffnen Sie das Design in Canva, kopieren Sie die Adresse aus dem Browser (sie enthält /design/) und fügen Sie sie in Import from Canva ein. Seine ersten drei Seiten kommen als Bilder ins Eingabefeld, bereit zum Platzieren in der App. Das Design muss Ihnen gehören oder mit Ihnen geteilt sein, und eine kurze canva.link-Adresse wird abgelehnt: Nutzen Sie die lange. Beim ersten Mal werden Sie gebeten, Connect to Canva zu drücken, und in Canva wird nichts geändert.
Der Import kostet keine Credits. Die Erstellung, die die Bilder nutzt, wird wie gewohnt berechnet.
Import from Canva erscheint nur dort im Menü, wo Canva für Ihr Konto verfügbar ist.
Aus einer Tabelle
Es gibt zwei Tabellenimporte, für zwei verschiedene Aufgaben.
Eine neue App, um eine Tabelle herum erstellt
Wählen Sie in Import an app die Karte Spreadsheet und geben Sie ihr eine Excel-Datei (.xlsx) oder CSV-Datei. Speichern Sie ein Google Sheet zuerst mit File, dann Download. Ältere .xls-Dateien sowie .ods- und .numbers-Dateien müssen als .xlsx oder .csv gespeichert werden. Eine Datei über 30 MB wird abgelehnt.
Die Datei wird in Ihrem Browser gelesen. Dann sehen Sie ihre Spalten, jede mit der Art von Inhalt, den sie enthält, etwa Text, Zahl, Datum, E-Mail oder Bild, und die ersten fünf Zeilen. Entfernen Sie den Haken bei jeder Spalte, die die App nicht haben soll, sagen Sie auf Wunsch, wofür die App gedacht ist, und drücken Sie Build the app. Das Lesen der Tabelle kostet nichts; die Schaltfläche zeigt den Preis einer neuen App.
Was Sie bekommen, ist eine App um Ihre Zeilen herum: Suche, eine Seite für jede Zeile und ein Formular zum Hinzufügen und Bearbeiten. Ihre Zeilen werden genau so hineinkopiert, wie sie sind, nachdem der Code erstellt wurde, sodass schon die allererste Vorschau Ihre eigenen Daten zeigt und keine KI sie neu tippt. Die KI selbst sieht nur die Spaltennamen und die ersten fünf Zeilen.
Bis zu 300 Zeilen werden hineinkopiert. Hat Ihre Datei mehr, sagt das Fenster, mit wie vielen die App startet, und der Rest kann nach der Erstellung mit Import a catalogue hinzugefügt werden, siehe unten.
Wenn eine Spalte wie ein persönliches Detail aussieht, etwa eine E-Mail-Adresse, eine Telefonnummer oder ein Gehalt, warnt Sie das Fenster, dass jeder, der die veröffentlichte App öffnet, sie lesen kann. Entfernen Sie den Haken, wenn die App sie nicht braucht.
Eine Arbeitsmappe mit mehreren Blättern fragt, welches genutzt werden soll; ein Blatt wird zu einer Liste. Zellfarben und Formatierung kommen nicht mit, die Werte von Formeln schon.
Zeilen, die zu einer App hinzukommen, die Sie haben (Import a catalogue)
Öffnen Sie die App, dann Manage, dann Database, und wählen Sie Import a catalogue. Geben Sie ihr eine CSV- oder Excel-Datei (.xlsx), aus Excel, Sheets oder Shopify. Sie wird in Ihrem Browser gelesen und nie hochgeladen, ihre Größe spielt also keine Rolle, und es kostet nichts.
Die App braucht eine Liste, in die die Zeilen kommen, etwa eine Produktliste. Hat sie keine, bitten Sie zuerst im Chat darum. Setherion ordnet Ihre Spalten den Feldern der Liste nach dem Namen zu, und Sie können jede Zuordnung ändern. Shopify-Dateien mit Varianten werden zu einer Zeile pro Produkt zusammengefasst.
Dann wählen Sie, wohin die Zeilen kommen.
- In the app geht sofort. Es eignet sich für bis zu etwa tausend Zeilen; darüber lädt die Website langsam und hört auf zu speichern, daher wird ein Import abgelehnt, der die App zu schwer machen würde.
- In the database braucht einen Moment zum Hochladen und verkraftet einen ganzen Katalog. Die App liest ihn Seite für Seite. Das ist die Wahl, die bei einer Datei mit mehr als 800 Zeilen standardmäßig angeboten wird. Es ist auch die einzige Wahl, wenn die Liste schon aus der Datenbank liest.
Die Datenbank des Tarifs Free fasst bis zu 10.000 Zeilen pro App. Die bezahlten Tarife fassen bis zu 500.000. Siehe Cloud.
Wenn ein Import scheitert
Das Fenster sagt in schlichten Worten, warum. Die, auf die Sie am ehesten stoßen:
- „We could not find owner/name.“ Drücken Sie bei einem privaten Repository zuerst Connect GitHub. Wenn Sie verbunden sind, kann das verbundene Konto es möglicherweise nicht lesen.
- Das Repository oder die ZIP-Datei ist zu groß. Lassen Sie Bilder und Videos aus der ZIP-Datei weg.
- „There is no code in this ZIP that we can read.“ Die Dateien darin sind kein Textcode, oder alle liegen in Ordnern, die nie gelesen werden, etwa
node_modules. - Der Figma-Frame wird abgelehnt. Öffnen Sie „What Figma requires“ im Fenster. Wird ein Frame zu groß dargestellt, funktioniert ein einzelner Bildschirm besser als eine ganze Seite.
- „This import costs N credits and you have M.“ Kaufen Sie Credits oder warten Sie auf Ihr monatliches Kontingent. Siehe Tarife und Credits.
War diese Seite hilfreich?