Créateur de site web · Développement
Des sites React que vous façonnez visuellement et avec l'IA
Décrivez votre projet et validez le brief. Swizz.ai crée un site de plusieurs pages en React, TypeScript et Tailwind CSS, que vous affinez dans un aperçu en direct avec un inspecteur visuel et une IA au niveau de l'élément.
Dans l'application, il s'appelle Professional Builder : choisissez Website, puis Explore Professional Builder.
- React, TypeScript et Tailwind CSS
- Desktop, tablette et mobile modifiés séparément
- 44 langues de site, y compris de droite à gauche
- Vos 50 dernières versions, restaurées en un clic
Comment ça marche
Du brief au site React en quatre étapes
Les quatre étapes que vous verrez dans l'application. Les choix de contenu sont optionnels : Swizz décide de tout ce que vous laissez vide.
La publication et les domaines personnalisés sont inclus dans les offres payantes.
Essayez
Des modifications visuelles, écrites dans votre source React
Choisissez un appareil, déplacez un curseur et regardez l'aperçu suivre. À l'enregistrement, les modifications rejoignent votre source React sous forme de classes Tailwind : Mobile écrit les classes de base, Tablette ajoute md: et Desktop ajoute lg:.
Appareil
Les modifications s'appliquent uniquement en taille desktop
Typographie
Espacements
Couleurs
Les couleurs s'appliquent sur tous les appareils
Enregistré dans votre source React
ExempleIllustration seulement : dans l'application, vous utilisez les contrôles, et il n'y a pas de code à modifier.
Dans l'application, il s'appelle Professional Builder : choisissez Website, puis Explore Professional Builder.
L'espace de travail
Un espace de travail pour chaque type de modification
Votre site tourne dans un aperçu en direct pendant que vous le modifiez. Changez un élément ou tout le site avec l'IA, ajustez les styles et annulez n'importe quelle modification.
Chat IA par élément
Cliquez sur un élément et dites à l'IA ce qu'il faut changer. Elle modifie exactement cet élément et vous montre chaque étape.
Inspecteur & états
Ajustez la disposition, les espacements, la typographie, les couleurs, les bordures et les effets, modifiez le texte et les liens dans un élément, et stylisez ses états survol, focus, actif et désactivé.
Calques & sections
Réordonnez, dupliquez, renommez, masquez ou supprimez des sections, ou insérez une section hero, tarifs, témoignages, FAQ ou galerie prête à l'emploi.
Historique des versions
Les versions sont enregistrées automatiquement pendant que vous travaillez, y compris les modifications IA, les modifications visuelles et les restaurations. Prévisualisez vos 50 dernières et restaurez-en une en un clic.
Aperçu auto-réparateur
Si l'aperçu casse, l'IA cherche la cause et tente une correction par elle-même. Quand elle n'y arrive pas, elle le dit et vous décrivez le problème dans le chat.
Exemples
Un seul créateur, de nombreux types de sites
Trois sites pour des marques inventées, chacun lancé depuis un type de démarrage rapide et écrit dans une langue différente.
- Tech / SaaSEnglish
Tallyfern
Le site d'une application de facturation avec fonctionnalités, tarifs et inscription.
- Cabinet d'avocatsDeutsch
Kanzlei Almrain
Le site d'un cabinet germanophone avec prestations, équipe et contact.
- Restaurantالعربية · De droite à gauche
Mawqid
Le site d'un restaurant familial arabe, mis en page de droite à gauche, avec menu et contact.
ExempleDesigns d'exemple pour des marques inventées. Votre site est conçu à partir de votre propre brief.
Capacités
Les finitions sont intégrées
Liens, images, pages supplémentaires, formulaires de contact fonctionnels et un filet de sécurité sous chaque modification.
Des liens vers tout
Reliez un texte à une page, une section, une URL, une adresse e-mail ou un numéro de téléphone.
Des images pour l'endroit exact
Générez une image IA au format de l'élément sélectionné, ou importez un PNG, JPG ou WebP.
Des pages à la demande
Ajoutez une page et générez-la avec l'IA en un clic. Swizz vous prévient dès qu'elle est prête.
Des formulaires qui fonctionnent
Les messages arrivent par e-mail à l'adresse de votre compte ou à une autre adresse que vous vérifiez.
Des questions sans modification
Demandez quelles sections contient une page ou quelles couleurs utilise votre thème, sans que rien ne change.
Annuler et rétablir
Revenez jusqu'à 50 modifications en arrière avec Ctrl ou ⌘ + Z, et en avant en ajoutant Shift.
Publiez et connectez votre propre domaine
Publiez depuis l'éditeur en un clic, puis connectez votre propre domaine. Swizz affiche l'enregistrement DNS à ajouter et continue de vérifier jusqu'à ce que le domaine soit connecté. La publication et les domaines personnalisés sont inclus dans les offres payantes.
Deux façons de créer
Standard ou Développement : à vous de choisir
Les deux aboutissent à un site en ligne sur votre propre domaine. Choisissez selon le niveau de contrôle souhaité.
| Différence | StandardAssistant guidé, édition visuelle, sans code. | DéveloppementVous êtes iciProjet React, aperçu en direct, contrôle jusqu'à l'élément. |
|---|---|---|
| Idéal pour | Les sites vitrines que vous mettez à jour vous-même | Les sites qui demandent un contrôle jusqu'à l'élément |
| Comment démarrer | Un assistant en cinq étapes : Business, Brief, Colours, Logo, Review | Un brief en quatre étapes : Business Info, Brief, Content, Generate |
| Ce que Swizz construit | Une page assemblée depuis une bibliothèque de sections vérifiées, avec des textes pour votre activité | Un site multipage écrit en React, TypeScript et Tailwind CSS |
| Édition | Cliquez un élément et modifiez-le visuellement, ou demandez à l'IA de changer la sélection | Un aperçu en direct avec inspecteur visuel et chat IA par élément |
| Design responsive | Ajustez les sections pour desktop, laptop, tablette et mobile | Desktop, tablette et mobile modifient chacun leur propre breakpoint |
| Langues | Rédigé dans la langue de votre brief | 44 langues au choix, y compris les écritures de droite à gauche |
| Historique des versions | Versions automatiques, points de restauration nommés et un instantané avant chaque publication | Vos 50 dernières versions, avec aperçu avant restauration |
| Publication et domaines | Publiez en un clic, puis connectez votre domaine. Offres payantes. | Publiez en un clic, puis connectez votre domaine. Offres payantes. |
| Où le trouver dans l'app | Create → Website → Build from scratch | Create → Website → Explore Professional Builder |
FAQ
Questions sur le créateur Développement
Le créateur Standard construit votre site à partir de sections conçues par des professionnels, que vous modifiez dans un éditeur visuel. Développement crée un projet React, TypeScript et Tailwind CSS que vous affinez dans un aperçu en direct, avec un inspecteur, des contrôles par appareil et par état, et une IA qui modifie un élément à la fois. Vous choisissez le créateur au moment de lancer un site.
Professional Builder est le nom de ce créateur dans l'application. Sur l'écran de création, choisissez Website puis Explore Professional Builder. Les projets lancés ainsi portent le badge Professional dans votre liste de sites, tandis que les sites du créateur Standard portent le badge Builder.
Pas dans l'éditeur. Vous modifiez votre site avec l'inspecteur visuel et l'assistant IA, et Swizz écrit ces modifications dans la source React pour vous. Il n'y a ni éditeur de code, ni vue des fichiers, ni téléchargement de code à gérer.
Un projet React qui tourne, avec jusqu'à quatre pages. Swizz écrit votre page d'accueil et prépare les autres, pour que vous puissiez générer chacune avec l'IA en un clic et ajouter d'autres pages quand vous le souhaitez. Votre site tourne dans un aperçu en direct pendant que vous travaillez, et les modifications sont enregistrées comme des versions que vous pouvez restaurer.
Oui. Choisissez parmi 44 langues pendant le brief, dont l'arabe, l'hébreu, le persan et l'ourdou. Swizz écrit votre site dans la langue choisie, et les langues qui se lisent de droite à gauche reçoivent une mise en page de droite à gauche.
La création continue. Rouvrez le projet depuis votre liste de sites pour reprendre là où vous en étiez. Une création interrompue est marquée comme inachevée, et la reprendre génère uniquement les pages encore manquantes.
Plus de Swizz.ai
Un compte, trois autres façons de créer
Sites, publications et logos partagent un seul compte Swizz.ai, pour une marque cohérente partout.
Votre prochain site, écrit en React
Décrivez votre projet, validez le brief et affinez chaque détail dans un aperçu en direct jusqu'à ce qu'il soit prêt à publier.
Dans l'application, il s'appelle Professional Builder : choisissez Website, puis Explore Professional Builder.