MAY 13, 2026
Vibe Block : une nouvelle façon de créer des sites web
Vous souhaitez créer une animation accrocheuse ? Un calculateur interactif ? Un curseur, une infographie ou un formulaire en plusieurs étapes avec différents scénarios ? Vous pouvez désormais créer tout cela sans écrire la moindre ligne de code. Ce nouveau bloc vous permet de créer n'importe quel élément de site web en utilisant un langage simple. Décrivez votre idée, et l'IA la concrétisera.
Qu'est-ce que Vibe Block ?
Le « Vibe coding » est une approche qui vous permet de décrire votre idée tandis que l'IA se charge de l'aspect technique, c'est-à-dire de l'écriture du code. Tout se passe dans une fenêtre de discussion : vous saisissez une instruction, et l'IA vous fournit le résultat. Désormais, seule votre imagination constitue une limite, et non plus vos compétences techniques.
Où le trouver : Bibliothèque de blocs → Autres → Bloc Vibe.
Où le trouver : Bibliothèque de blocs → Autres → Bloc Vibe.
Comment ça marche
1. Décrivez ce dont vous avez besoin
Rédigez votre demande en langage simple — pas besoin de vous soucier des aspects techniques. Plus vous fournirez de détails, plus le résultat sera précis.
2. L'IA crée le bloc
En quelques secondes, un bloc prêt à l'emploi apparaît sur la page en fonction de votre description.
3. Affinez-le via le chat
Vous souhaitez apporter des modifications ? Il suffit de le demander dans le chat. Si vous savez coder, vous pouvez également le modifier directement.
1. Décrivez ce dont vous avez besoin
Rédigez votre demande en langage simple — pas besoin de vous soucier des aspects techniques. Plus vous fournirez de détails, plus le résultat sera précis.
2. L'IA crée le bloc
En quelques secondes, un bloc prêt à l'emploi apparaît sur la page en fonction de votre description.
3. Affinez-le via le chat
Vous souhaitez apporter des modifications ? Il suffit de le demander dans le chat. Si vous savez coder, vous pouvez également le modifier directement.
Comment utiliser Vibe Block. Exemples de suggestions
Vibe Block s'avère très utile lorsque les blocs prédéfinis et Zero Block pas. Auparavant, pour créer des éléments personnalisés, il fallait recourir à des modificateurs ou faire appel à un développeur. Désormais, vous pouvez le faire vous-même sans jamais quitter l'éditeur Tilda.
Vibe Block s'avère très utile dans de nombreuses situations :
Vibe Block s'avère très utile dans de nombreuses situations :
- Pour une interactivité personnalisée : décrivez le mécanisme, et l'IA se charge de le mettre en œuvre.
- Pour rédiger rapidement un brouillon, Vibe Block accélère votre flux de travail.
- Le client vous a donné des instructions assez vagues : proposez-lui plusieurs options et laissez-le choisir.
Programme de la conférence
Consigne
Créez une page présentant le programme d'une conférence dans un style de conception web moderne, avec des onglets pour chaque jour de la conférence.
Style : épuré, clair, technologie haut de gamme, avec des cartes dotées d'ombres douces, des couleurs d'accentuation pour les catégories, une grille soignée et une typographie affirmée, à l'image des sites web haut de gamme.
Afficher plus
Créez une page présentant le programme d'une conférence dans un style de conception web moderne, avec des onglets pour chaque jour de la conférence.
Style : épuré, clair, technologie haut de gamme, avec des cartes dotées d'ombres douces, des couleurs d'accentuation pour les catégories, une grille soignée et une typographie affirmée, à l'image des sites web haut de gamme.
Afficher plus
Compteur de calories
Consigne
Créez un compteur de calories quotidien moderne et interactif. Concevez un module au design percutant. À gauche : un titre accrocheur. À droite : une fiche contenant le formulaire du compteur. Une fois les calories comptabilisées, l'utilisateur voit s'afficher son apport calorique quotidien et ses macronutriments.
Afficher plus
Créez un compteur de calories quotidien moderne et interactif. Concevez un module au design percutant. À gauche : un titre accrocheur. À droite : une fiche contenant le formulaire du compteur. Une fois les calories comptabilisées, l'utilisateur voit s'afficher son apport calorique quotidien et ses macronutriments.
Afficher plus
Quiz
Créez un quiz interactif. Thème : termes de base de la typographie. Le module doit ressembler à un test interactif moderne au design soigné.
Structure :
Style visuel : un design moderne et affirmé, intégrant des éléments de « glassmorphism ». Fond sombre et dégradé bleu-violet comme couleur d'accent. Utiliser le blanc pour les textes et le gris clair pour les éléments textuels moins importants. Privilégier les ombres douces, un agencement aéré et des animations qui améliorent l'expérience utilisateur.
Structure :
- Écran d'accueil : titre, description, bouton « Répondre au questionnaire ».
- Écran de question : compteur « Question 1 sur 5 », texte de la question, choix de réponses sous forme de grandes fiches cliquables, bouton « Suivant ».
- Écran des résultats : score final, titre du niveau : Débutant / Apprenant / Passionné de typographie / Avancé / Expert / Maître, texte explicatif, bouton « Refaites le quiz ».
Style visuel : un design moderne et affirmé, intégrant des éléments de « glassmorphism ». Fond sombre et dégradé bleu-violet comme couleur d'accent. Utiliser le blanc pour les textes et le gris clair pour les éléments textuels moins importants. Privilégier les ombres douces, un agencement aéré et des animations qui améliorent l'expérience utilisateur.
Autres exemples
*Ce bloc a également été construit à l'aide de Vibe Block
Limites de requêtes par formule tarifaire :
- Gratuit : 5 requêtes toutes les 12 heures, 20 requêtes tous les 30 jours
- Particuliers et entreprises : 50 requêtes toutes les 12 heures, 100 requêtes tous les 30 jours.
Lire aussi
Un système de mise en page harmonisé pour votre site web
Ajuster la disposition des éléments dans Auto Layout en fonction des différentes résolutions d'écran
