Dora - Constructeur de sites web no-code alimenté par l'IA

C'est quoi Dora ?

Tu en as marre de passer des semaines à construire un site web ? Tu n'as pas de compétences en codage mais tu veux créer quelque chose de professionnel ? Eh bien, j'ai trouvé un outil qui pourrait bien changer la donne.

**:::card{type="summary" title="TL;DR"} **

• Dora est le premier outil au monde qui génère un site web complet à partir de zéro grâce à l'IA
• Gagne le Golden Kitty Badge de Product Hunt
• Une communauté active dans le monde entier : Inde, Chine, Brésil, Vietnam...
• Créé par dora.run Ltd © 2024 :::

En fait, la plupart des outils de création de site web te proposent des modèles préconçus. Tu choisis une template, tu remplaces le texte et les images, et hop, ton site est prêt. Le problème ? Tous les autres sites utilisent le même modèle. Pas de personnalité, pas de différenciation.

Dora, c'est différent. C'est le premier outil qui génère réellement un site entier FROM SCRATCH — de la copy au design en passant par les visuels. Tu tapes simplement ce que tu veux, et l'IA s'occupe de tout. Le layout, les images, le texte... Tout est créé pour toi,独一无二的 (unique), rien de模板 (pas de template).

Que tu sois designer, développeur, marketeux ou simplement un créatif avec une idée, Dora te permet de passer de "j'ai une idée" à "mon site est en ligne" en quelques secondes. C'est un peu comme avoir un développeur ET un designer dans ta poche.

Ce que Dora sait faire

Alors concrètement, quoi de nouveau ? Voici les fonctionnalités principales qui font la différence.

L'IA qui crée ton site en entier

Tu sais comment marchent les autres outils d'IA pour sites web ? Ils prennent un modèle existant et remplacent le texte et les images générés par l'IA. En gros, ils font du Photoshop sur une base prédéfinie. Pas très impressionnant, je sais.

Dora AI fonctionne différemment. L'IA analyse ton prompt pour comprendre le thème et le style desired. Ensuite, elle crée des images originales, rédige le copy, et compose le tout dans un layout responsive. Pas de template. Pas de contrainte prédéfinie. Juste de la création pure.

Tu as le choix entre 80+ styles de design différents — du minimaliste au bold, du tech au vintage. Et si tu veux une touche vraiment personnelle, tu peux même demander un style sur mesure inspired de marques connues comme Nike, Tesla, Chanel ou Netflix. L'IA comprend l'identité de marque et génère un site qui lui ressemble.

Le Constraint Layout — du drag & drop nouvelle génération

Tu as déjà essayé de créer un site responsive avec des outils classiques ? C'est souvent un cauchemar. Tu dois gérer les breakpoints, les marges, les largeurs... Une vraie galère.

Avec Dora Constraint Layout, c'est beaucoup plus intuitif. Tu connectes tes éléments visuellement — un peu comme si tu dessinais des contraintes physiques. Tu tires, tu connectes, et le système adapte automatiquement ton site à toutes les tailles d'écran. C'est tellement plus simple que les méthodes traditionnelles.

Les Keyframe Animations — comme un pro du motion design

Tu veux donner de la vie à ton site ? Ajouter des animations au scroll qui fontwow factor ? Avant, il fallait savoir coder ou utiliser After Effects.

Avec Dora Keyframe Animation, tu crées des animations dignes d'un pro directement dans ton navigateur. Le système fonctionne comme After Effects : tu définis tes keyframes, tu ajustes les timings, et hop, ton animation est prête. Les créateurs de Dora disent que c'est 10x plus rapide que les méthodes conventionnelles. Je les crois sur parole.

Le support 3D — pour des sites qui en jettent

Tu veux impressionner tes visiteurs avec des effets 3D saisissants ? Tu peux maintenant importer des objets et des scènes 3D directement dans Dora. Produktshow, portfolio immersif, expérience interactive... Les possibilités sont enormes.

Note : la génération automatique de 3D par IA est encore en développement (prévue pour la version 1.0), mais l'import de tes propres assets 3D fonctionne déjà très bien.

Figma to Dora — le pont entre design et développement

Tu travailles déjà avec Figma pour tes designs ? Parfait. Dora propose un plugin officiel qui te permet d'importer tes créations Figma en un seul clic. Ton design devient un site web fonctionnel, sans rien coder. Le workflow设计师 vers développeur n'a jamais été aussi fluide.

Qui utilise Dora ?

Bonne question. En fait, Dora s'adresse à beaucoup de profils différents. Voici quelques cas d'usage pour que tu puisses voir si ça correspond à tes besoins.

Pour les entrepreneurs et fondateurs — Si tu veux valider une idée rapidement, Dora est parfait. Tu as une idée de startup ? Tu décris ce que tu veux, et quelques secondes plus tard, tu as un site prototype à montrer à des investisseurs ou à des clients potentiels. Fini les semaines d'attente avec un développeur.

Pour les créatifs sans skills techniques — Tu sais dessiner, concevoir, mais le code, c'est pas ton truc ? Dora te permet de créer des sites professionnels sans écrire une seule ligne de code. La Drag & Drop interface combinée à l'IA fait tout le travail dur.

Pour les designers — Tu veux ajouter des animations sick à ton portfolio ? Les keyframes animations et le support 3D te permettent de créer des expériences visuelles vraiment uniques. Ton book va vraiment se démarquer.

Pour les équipes marketing — Tu as besoin de landing pages rapidement pour une campagne ? L'IA génère des pages entières en quelques secondes. Tu personnalises, tu publies, c'est fait.

Pour les petites entreprises — Tu veux un site pro pour ton business sans exploser le budget ? Dora te donne accès à des designs de qualité professionnelle pour une fraction du coût d'une agence.

Comment démarrer avec Dora ?

Allez, passons aux choses sérieuses. Voici comment tu peux commencer à utiliser Dora dès maintenant.

Inscription — en 30 secondes

C'est simple : rends-toi sur dora.run, clique sur "Sign Up", et c'est parti. Pas de carte bancaire requise. Tu obtiens 120 crédits gratuits pour tester. Oui, 120. De quoi bien explorer avant de décider si tu veux aller plus loin.

Générer ton premier site avec l'IA

1. Une fois connecté, clique sur le bouton AI dans la barre d工具 (la barre du haut)
2. Décris ce que tu veux : "un site portfolio pour un photographe minimaliste avec des tons noirs et blancs" ou "une landing page pour une app de fitness avec des couleurs vives"
3. L'IA analyse ton prompt et génère le site complet
4. Tu prévisualises, tu adjusts si nécessaire, et tu publies

C'est littéralement aussi simple que ça. Pas de configuration complexe, pas de choices multiples à faire. Tu dis ce que tu veux, et Dora s'exécute.

Utiliser le Constraint Layout

Si tu veux customize davantage, le Constraint Layout est ton ami. Sélectionne un élément, tire-le vers un autre pour créer une connexion, et le système gère automatiquement le responsive. C'est très visuel, très intuitif. Tu vois exactement ce que tu construis.

Créer des animations

Pour ajouter des animations, sélectionne un élément et accède au panneau d'animation. Défini tes keyframes en définissant les états de départ et d'arrivée. Ajuste la durée, le easing, et hop. Tu peux animer casi tout : position, opacité, rotation, échelle...

Importer du 3D

Dans le panneau d'outils, cherche l'option d'import 3D. Tu peux télécharger des fichiers .glb ou .gltf. Une fois importés, tu peux les positionner, les animer, les intégrer dans ton design comme n'importe quel autre élément.

Importer depuis Figma

Si tu utilises Figma, installe le plugin Dora AI depuis le Figma Community. Sélectionne ton design dans Figma, clique sur "Generate with Dora", et le plugin crée une version web interactive de ton design. Magique.

Les tarifs de Dora

Parlons sous — c'est toujours le sujet sensible, non ?

**:::card{type="summary" title="État actuel des prix"} **

• Alpha : gratuit (offre limitée dans le temps)
• Crédits gratuits : 120 par compte
• Payant : pas encore, mais arrive bientôt :::

Voici le détail :

Ce qui est inclus dans la version gratuite

• Projets illimités (tu peux créer autant de sites que tu veux)
• Publication gratuite sur domaine .dora.run
• 120 crédits pour la génération IA
• AI copywriting (génération de texte par l'IA)
• 80+ styles de design
• Toutes les fonctionnalités d'édition (Constraint Layout, Keyframes, 3D)
• Support communautaire via Discord

Ce qui change avec les offres payantes

Les détails des tarifs payants n'ont pas encore été révélés. L'équipe Dora a indiqué qu'ils préviendront bien avant tout changement. Donc si tu veux profiter du offre gratuite actuelle, c'est maintenant ou jamais.

Questions fréquentes

Tu veux essayer ? C'est par ici : dora.run

Et si tu as des questions, la communauté Discord est超级活跃 (très active) — des gens du monde entier partagent leurs créations, leurs tips, et s'entraident. Bonne création !