Aller au contenu

Créer ma première app

Ce guide t’accompagne de la première phrase jusqu’à l’app en ligne. Compte une dizaine de minutes, dont une à deux minutes de construction par l’agent. Prends une idée simple pour commencer : un site pour une activité, une page de lancement, un petit outil. Tu pourras tout changer ensuite.

  1. Ouvre highwind.app. Au centre de la page d’accueil, une grande zone de saisie t’attend : Décris l’app que tu veux créer.

  2. Écris ton idée en quelques phrases. Dis ce que c’est, pour qui, et ce qu’on doit pouvoir y faire. Par exemple :

    Le site d'un studio de yoga à Lyon, avec le planning des cours de la semaine,
    une page tarifs et un formulaire de réservation. Ambiance douce et lumineuse.
  3. Pas d’inspiration ? Clique sur l’une des idées proposées sous la zone de saisie (« Une landing page pour une app de méditation », « Un tableau de bord de budget personnel », « Un kanban pour organiser un déménagement », « Le site d’un restaurant italien avec réservation ») : elle est envoyée comme demande, et tu passes directement à la connexion. Tu pourras la relire et l’ajuster avant de lancer la construction.

  4. Envoie avec Entrée ou le bouton Construire. Pour aller à la ligne sans envoyer, utilise Maj + Entrée.

Tu n’as pas besoin de compte pour écrire ta demande : la connexion t’est demandée au moment de l’envoi, et ton idée est gardée pendant ce temps.

  1. Sur la page Se connecter, saisis ton adresse e-mail et clique sur Recevoir un lien de connexion (ou utilise Continuer avec Google si ce bouton est actif).

  2. Ouvre l’e-mail reçu dans le même navigateur et clique sur le lien.

  3. Tu arrives sur ton accueil, Qu’est-ce qu’on construit aujourd’hui ?, avec ta demande déjà remplie et le message « Ton idée t’attend : relis-la, ajuste-la si besoin, puis lance la construction. ». Relis-la, puis clique sur Construire.

Sous la zone de saisie de ton accueil, la section Partir d’un modèle propose huit apps complètes (landing SaaS, portfolio, restaurant, boutique…). Clique sur Utiliser ce modèle : le projet est créé tout de suite, sans crédit, et tu passes directement à l’étape 4 pour le personnaliser. Voir Modèles.

L’éditeur s’ouvre. À gauche, le chat avec l’agent ; à droite, l’aperçu de ton app.

  • Pendant les premières secondes, l’aperçu affiche l’écran Highwind construit ton app avec les fichiers en cours d’écriture. Dès que la page existe, l’app apparaît et se complète section par section sous tes yeux.
  • Dans le chat, chaque action de l’agent s’affiche en étape : fichiers écrits ou modifiés, dépendances installées, Vérifie le projet… Les étapes se replient une fois le travail fini ; Voir les étapes les rouvre.
  • À la fin, l’agent vérifie que le code compile et que l’aperçu s’affiche sans erreur, puis écrit un court résumé de ce qu’il a fait. Une pastille v1 marque la première version, et le nombre de crédits utilisés s’affiche sous la réponse.
  • Sous la réponse, des suggestions te proposent deux ou trois prochaines étapes : un clic suffit pour les demander.

Selon ta demande, l’agent peut aussi s’arrêter pour te demander quelque chose :

Si quelques réponses changent vraiment ce qu’il va construire (nom de la marque, couleurs, vrais tarifs), il affiche un petit formulaire Questions de l’agent, déjà prérempli de ses suppositions. Corrige ce qui ne va pas et clique sur Envoyer mes réponses, ou sur Laisser l’agent choisir. Voir Questions de l’agent.

Écris ta prochaine demande dans la zone Demande une modification… en bas du chat. Une demande à la fois donne les meilleurs résultats :

Ajoute une section « Nos professeurs » avec trois portraits, après le planning.
Le formulaire de réservation doit demander le cours, le jour et un numéro de téléphone.

Chaque demande terminée crée une nouvelle version (v2, v3…). Si un résultat ne te plaît pas, clique sur le badge de version en haut de l’éditeur pour revenir à une version précédente. Voir Versions.

Pour parler d’un élément sans avoir à le décrire :

  1. Ouvre le menu + de la zone de saisie et choisis Sélectionner un élément.

  2. Survole l’aperçu : les éléments se surlignent. Clique sur celui qui t’intéresse (Échap pour annuler).

  3. L’élément est joint à ton message. Écris ce que tu veux changer (« Que veux-tu changer sur cet élément ? ») et envoie.

Voir Sélectionner un élément.

Pour changer un texte, une couleur ou une police, pas besoin de l’agent : c’est gratuit et immédiat.

  1. En haut du panneau de gauche, bascule de Chat à Design.

  2. Dans l’onglet Élément, clique sur Choisir dans l’aperçu, puis sur un titre, un bouton ou une image. Modifie son texte, ses couleurs, sa taille, ses marges ou son arrondi : l’aperçu change aussitôt.

  3. Dans l’onglet Thème, choisis une palette toute faite, ajuste les couleurs du site par rôle ou change les polices du texte et des titres : tout le site suit.

  4. Reviens sur Chat : tes retouches sont enregistrées dans une nouvelle version.

Voir Mode Design.

  1. Clique sur Publier, en haut à droite de l’éditeur.

  2. Une adresse est proposée à partir du nom de ton projet. Garde-la ou modifie-la : 3 à 40 caractères, lettres minuscules, chiffres et tirets. Ton app sera en ligne sur ton-adresse.highwind.site.

  3. Clique sur Publier. Après quelques secondes de build, le menu affiche En ligne avec le numéro de la version publiée. Utilise Copier pour partager l’adresse ou Ouvrir pour voir ton app.

  4. Plus tard, après de nouvelles modifications, rouvre le menu et clique sur Mettre à jour pour publier la dernière version.