Pour commencer

Importer une application

Apportez une application que vous avez déjà : depuis un dépôt GitHub, un ZIP, Lovable, Bolt, v0 ou Base44, un cadre Figma, un design Canva ou un tableur. Ce que cela coûte, ce qui est reconstruit et ce qui ne l’est pas.

Vous n’avez pas à partir de zéro. Si l’application existe déjà ailleurs, Setherion peut la lire et la reconstruire ici, et elle devient dès lors une application Setherion ordinaire que vous modifiez en demandant.

Il y a cinq façons d’entrer. Celle qui convient dépend de ce que vous avez.

Vous avezUtilisezCe que vous obtenez
Une application sur GitHub, ou créée dans Lovable, Bolt, v0 ou Base44Import an appL’application reconstruite ici : les mêmes pages, les mêmes textes, le même design et la même structure de données
Le code dans un fichier .zipImport an appLa même chose
Un design dans FigmaImport from FigmaUn cadre auquel la prochaine construction ou modification est ajustée
Un design dans CanvaImport from CanvaLes pages du design, sous forme d’images à placer dans l’application
Un tableur ou un catalogueImport an app, ou Import a catalogue dans une applicationUne application construite autour de vos lignes, ou vos lignes ajoutées à une application que vous avez

Import an app

C’est la voie d’entrée pour le code. Elle se trouve dans le tableau de bord, à trois endroits : Import an app dans le menu + à côté de la zone de saisie, Import dans la colonne de gauche, et Import an app dans la palette de commandes (Ctrl K).

Choisir d’où elle vient

La fenêtre propose GitHub, ZIP file, Lovable, Bolt, v0 or Vercel, Base44 et Spreadsheet. Les cartes des constructeurs vous guident pour sortir le code de ce constructeur ; les cartes GitHub et ZIP servent pour du code venant de n’importe où.

Lui donner le code

Déposez un .zip, ou indiquez un dépôt GitHub. Chaque carte a les deux onglets, ZIP upload et GitHub. Lovable et Base44 s’ouvrent sur GitHub, Bolt et v0 sur ZIP.

La reconstruire

Vérifiez le nom, voyez combien de fichiers seront lus et ce que coûte l’application, puis appuyez sur Rebuild in Setherion. Setherion lit le code, ce qui prend en général une minute ou deux. Gardez la fenêtre ouverte : la construction démarre toute seule quand la lecture est terminée, et l’application s’ouvre dans l’éditeur.

Depuis GitHub

Collez l’adresse d’un dépôt, comme https://github.com/owner/name, ou simplement owner/name, et appuyez sur Import. Un dépôt public n’a besoin de rien d’autre.

Pour un dépôt privé, appuyez sur Connect GitHub dans la même fenêtre. Cela vous connecte une fois à GitHub, puis vous pouvez chercher parmi vos propres dépôts, les privés étant marqués Private, et en choisir un. C’est la même connexion GitHub que celle de l’export vers GitHub. La liste montre vos 100 dépôts les plus récemment poussés ; tout autre peut quand même être importé en collant son adresse.

C’est la branche par défaut qui est lue. Un dépôt de plus de 60 Mo est refusé : téléchargez-le en ZIP sans ses images et ses vidéos, et importez ce ZIP.

Depuis un ZIP

Déposez un .zip sur la fenêtre, ou choisissez-en un. Le ZIP est ouvert dans votre navigateur, et seul son code est envoyé. Un ZIP de plus de 80 Mo est refusé, donc laissez-en de côté les images et les vidéos.

Depuis Lovable, Bolt, v0 ou Base44

Ces constructeurs gardent une partie de ce qui fait fonctionner une application, comme ses données et sa logique serveur, en dehors du code. La fenêtre vous donne donc une export prompt. Elle demande à l’IA propre à ce constructeur d’ajouter un fichier, SETHERION_EXPORT.md, qui décrit les pages de l’application, ses données, sa logique serveur et ses comptes, avec quelques enregistrements d’exemple inventés par table. On lui dit de ne jamais y écrire de clés ni de mots de passe.

Copier l’export prompt

Appuyez sur Copy export prompt, ou sur Show it pour le lire d’abord.

Le coller dans le chat du constructeur

Il ajoute le fichier au projet.

Sortir le code

Lovable : connectez le projet à GitHub depuis Lovable, ou téléchargez-le en ZIP. Bolt : téléchargez le ZIP, ou poussez vers GitHub. v0 : téléchargez le ZIP, ou utilisez le dépôt depuis lequel votre projet Vercel est publié. Base44 : si votre forfait Base44 inclut l’export du code, envoyez-le vers GitHub ou téléchargez-le en ZIP.

L’importer ici

Setherion lit d’abord SETHERION_EXPORT.md. Si le fichier n’y est pas, la fenêtre le dit et l’application est reconstruite à partir du code seul.

Ce qui est lu

Setherion lit les fichiers texte du projet : code, styles, HTML, SQL, Markdown et autres du même genre. Les fichiers secrets, les paquets installés, les dossiers de build, les tests, les fichiers de verrouillage, les images et les polices ne sont pas lus. Toute clé qui apparaît quand même dans le code est effacée avant que quoi que ce soit soit lu par un modèle.

Un très gros projet est lu en commençant par les fichiers les plus parlants, comme les pages et les données, et la fenêtre indique combien de fichiers seront lus et combien ont été laissés de côté faute de place.

Toute application web fonctionne : React, Next.js, Vue ou du simple HTML.

Ce qui est reconstruit, et ce qui ne l’est pas

C’est une reconstruction, pas une copie du code. Un modèle lit le projet et écrit une description simple de ce qu’il fait, puis l’application est construite à partir de cette description. Le code lui-même n’est jamais copié.

Est reprisN’est pas repris
Les pages et leurs textes, dans leur langue d’origineLe code lui-même, ligne par ligne
Le design et les couleursL’ancien backend, et les clés ou secrets
Les formulaires et le comportement de l’applicationLes enregistrements de la base de données
La structure des donnéesLes images stockées dans le projet
Les images qui ont une adresse webLes fonctions serveur et les paiements, exactement tels qu’ils étaient

Les fonctions serveur et les paiements sont décrits et reconstruits à la manière de Setherion, et peuvent demander quelques modifications ensuite. Les comptes sont reconstruits sous forme de connexion sur le backend de Setherion, pas déplacés. Les images stockées dans le projet sont remplacées par des photos correspondantes que vous pouvez échanger.

Si les données vivaient dans Supabase, Base44, Firebase ou Prisma, leur structure est reprise mais pas les enregistrements qu’elles contiennent. Pour apporter des enregistrements, consultez l’import de tableur plus bas.

Ce que cela coûte

Un import coûte une nouvelle application plus la lecture du code, soit environ 40 % de plus que le prix de la nouvelle application. La fenêtre affiche le prix sur le bouton avant que vous appuyiez, et ne dépense rien tant que vous ne l’avez pas fait. Une nouvelle application est construite en mode Seth standard, quel que soit votre choix dans le menu Build.

Votre premier import est gratuit. Une fois par compte, la construction est offerte, donc vous ne payez rien. Si vous avez choisi un modèle d’IA plus cher que celui que votre forfait utilise par défaut, vous payez la différence quand la construction s’exécute. Si le premier import échoue, vous l’avez toujours.

Si la lecture échoue sur un import payant, les crédits correspondants vous sont rendus. Si vous n’avez pas assez de crédits, le bouton le dit et rien n’est facturé. Consultez Forfaits et crédits.

L’import est ouvert avec tous les forfaits, Free compris. Le premier import gratuit s’applique aux imports de code ; la carte de tableur plus bas est facturée comme une nouvelle application sans frais de lecture, et ne fait pas partie du premier import gratuit.

Import from Figma

Figma n’est pas un import d’application. Il donne au constructeur un cadre dont copier l’apparence, pour une nouvelle application ou pour une modification de l’une des vôtres. Il se trouve dans le menu + : Import from Figma dans le tableau de bord (dans Import a design là où Canva est proposé aussi), et Design puis Import from Figma dans l’éditeur.

Connecter Figma

La première fois, appuyez sur Connect to Figma. Il demande un accès en lecture seule ; Setherion ne peut jamais modifier vos fichiers.

Copier le lien d’un cadre

Dans Figma, faites un clic droit sur le cadre voulu et choisissez Copy link to selection. Un lien comme figma.com/design/KEY?node-id=1-234 est ce qu’il faut, pas l’adresse de votre liste de fichiers.

Le coller et appuyer sur Import frame

Le cadre est dessiné, et ses couleurs, ses polices et ses rayons de coins sont lus dans le fichier. Il arrive dans la zone de saisie comme pièce jointe, et la demande suivante est construite pour lui ressembler.

Importer le cadre ne coûte aucun crédit. La construction ou la modification qui l’utilise est facturée comme d’habitude.

Ce que Figma exige
  • Un siège Editor dans Figma. Figma bloque son API pour les comptes View et Collaborator, donc un fichier que vous pouvez lire dans votre navigateur peut quand même être refusé ici.
  • Un fichier Design. Les tableaux FigJam et les Slides ne peuvent pas être importés.
  • Un fichier que le compte connecté peut ouvrir. Un fichier dans l’équipe de quelqu’un d’autre, ou ouvert depuis Community sans l’avoir dupliqué dans vos propres brouillons, ne s’ouvrira pas.

La fenêtre ouvre cette liste toute seule quand un import échoue.

Import from Canva

Les designs Canva arrivent sous forme d’images, pas comme une mise en page à reconstruire. Ouvrez le design dans Canva, copiez l’adresse depuis le navigateur (elle contient /design/), et collez-la dans Import from Canva. Ses trois premières pages arrivent dans la zone de saisie sous forme d’images, prêtes à être placées dans l’application. Le design doit être le vôtre ou partagé avec vous, et une adresse courte canva.link est refusée : utilisez la longue. La première fois, on vous demandera de Connect to Canva, et rien n’est modifié dans Canva.

L’import ne coûte aucun crédit. La construction qui utilise les images est facturée comme d’habitude.

Import from Canva n’apparaît dans le menu que là où Canva est disponible pour votre compte.

Depuis un tableur

Il y a deux imports de tableur, pour deux tâches différentes.

Une nouvelle application construite autour d’un tableur

Dans Import an app, choisissez Spreadsheet et donnez-lui un fichier Excel (.xlsx) ou CSV. Enregistrez d’abord un Google Sheet avec « Fichier », puis « Télécharger ». Les anciens fichiers .xls, .ods et .numbers doivent être enregistrés en .xlsx ou .csv. Un fichier de plus de 30 Mo est refusé.

Le fichier est lu dans votre navigateur. Vous voyez ensuite ses colonnes, chacune avec le type de contenu qu’elle porte, comme du texte, un nombre, une date, un e-mail ou une image, et les cinq premières lignes. Décochez toute colonne que l’application ne doit pas avoir, dites à quoi sert l’application si vous le souhaitez, et appuyez sur Build the app. La lecture du tableur ne coûte rien ; le bouton affiche le prix d’une nouvelle application.

Vous obtenez une application autour de vos lignes : une recherche, une page pour chaque ligne, et un formulaire pour ajouter et modifier. Vos lignes sont copiées exactement telles quelles, une fois le code construit, si bien que le tout premier aperçu montre vos propres données et qu’aucune IA ne les retape. L’IA elle-même ne voit que les noms des colonnes et les cinq premières lignes.

Jusqu’à 300 lignes sont copiées. Si votre fichier en a plus, la fenêtre indique avec combien l’application démarre, et le reste peut être ajouté une fois l’application construite avec Import a catalogue, plus bas.

Si une colonne ressemble à une donnée personnelle, comme un e-mail, un numéro de téléphone ou un salaire, la fenêtre vous avertit que toute personne qui ouvre l’application publiée peut la lire. Décochez-la si l’application n’en a pas besoin.

Un classeur de plusieurs feuilles demande laquelle utiliser ; une feuille devient une liste. Les couleurs des cellules et la mise en forme ne sont pas reprises, mais les valeurs des formules le sont.

Des lignes ajoutées à une application que vous avez (Import a catalogue)

Ouvrez l’application, puis Manage, puis Database, et choisissez Import a catalogue. Donnez-lui un fichier CSV ou Excel (.xlsx), venant d’Excel, de Sheets ou de Shopify. Il est lu dans votre navigateur et jamais envoyé, donc sa taille n’a pas d’importance, et cela ne coûte rien.

L’application a besoin d’une liste où mettre les lignes, comme une liste de produits. S’il n’y en a pas, demandez-en une d’abord dans le chat. Setherion associe vos colonnes aux champs de la liste par leur nom, et vous pouvez modifier chaque association. Les fichiers Shopify avec des variantes sont regroupés en une ligne par produit.

Vous choisissez ensuite où vont les lignes.

  • In the app est instantané. Il convient jusqu’à environ mille lignes ; au-delà, le site se charge lentement et cesse d’enregistrer, donc un import qui rendrait l’application trop lourde est refusé.
  • In the database prend un moment à envoyer et gère un catalogue complet. L’application le lit une page à la fois. C’est le choix proposé par défaut pour un fichier de plus de 800 lignes. C’est aussi le seul choix quand la liste lit déjà depuis la base de données.

La base de données du forfait Free contient jusqu’à 10 000 lignes pour une application. Les forfaits payants en contiennent jusqu’à 500 000. Consultez Cloud.

Si un import échoue

La fenêtre dit pourquoi, en termes simples. Voici ceux que vous êtes le plus susceptible de rencontrer :

  • « We could not find owner/name. » Pour un dépôt privé, appuyez d’abord sur Connect GitHub. Si vous êtes connecté, le compte connecté ne peut peut-être pas le lire.
  • Le dépôt ou le ZIP est trop volumineux. Laissez les images et les vidéos hors du ZIP.
  • « There is no code in this ZIP that we can read. » Les fichiers à l’intérieur ne sont pas du code texte, ou se trouvent tous dans des dossiers qui ne sont jamais lus, comme node_modules.
  • Le cadre Figma est refusé. Ouvrez « What Figma requires » dans la fenêtre. Un cadre dont le rendu est trop grand fonctionne mieux comme un seul écran que comme une page entière.
  • « This import costs N credits and you have M. » Achetez des crédits ou attendez votre allocation mensuelle. Consultez Forfaits et crédits.

Cette page vous a-t-elle été utile ?

Rejoindre la communauté

Questions, idées et ce que construisent les autres.