Une nouveauté Notion sortie le 1er juillet : les blocs HTML, qui permettent à l'IA de Notion de générer des dashboards interactifs directement dans tes pages.
On peut vraiment parler de vibe-coding intégré à Notion !
Dans cette vidéo, je teste les 6 prompté pré-enregistrés (diapositive, dashboard, rapport, explicatif, prototype, jeu) sur mes propres pages, je vous partage mes retours et surtout comment obtenir des résultats qui respectent vraiment votre identité visuelle grâce à un brand system.
Au programme :
→ Comment fonctionnent les blocs HTML (/html) et où les trouver
→ Pourquoi il faut absolument briefer son style (couleurs, typo, ton) pour éviter un rendu générique
→ Le vrai problème des blocs HTML : ils ne sont pas dynamiques (et la solution avec un agent IA)
→ Test des 6 modes : diapositive, dashboard, cockpit d'activité, rapport client, explicatif interactif, prototype d'app, jeu/quiz
→ Mes deux usages "game changer" : le dashboard et l'explicatif interactif
→ Les limites actuelles (polices personnalisées, responsive, interactivité du prototype)
____________
☀️ POUR ALLER PLUS LOIN :
Je t’ai préparé une application avec des ressources supplémentaires : fiches pratiques, checklists et exercices d’application pour chaque jour.
➡️ Accès gratuit ici : https://cahier-de-l-ete-2026.zite.so
En t’inscrivant, tu recevras :
✔️ Les +30 ressources + to-do pour passer à l’action
✔️ Des bonus exclusifs (templates, outils)
✔️ Et quelques surprises à découvrir au fur et à mesure
____________
CHAPITRES :
00:00 Les blocs HTML, la nouveauté Notion du 1er juillet
00:54 Où trouver les blocs HTML et les 6 prompts prédéfinis
01:36 Premier exemple : mon suivi des Cahiers de l'été
02:38 Pourquoi il faut briefer son brand system (couleurs, typo)
04:51 Le problème : les blocs HTML ne sont pas dynamiques
05:48 La solution : un agent IA pour rafraîchir les données
07:22 Mode 1 : diapositive
10:23 Mode 2 : dashboard, mon cockpit d'activité
11:52 Mode 3 : rapport, pour un rendu client
12:49 Mode 4 : explicatif interactif (mon préféré)
14:37 Mode 5 : prototype d'app (les limites à connaître)
16:06 Mode 6 : jeu et quiz interactif
17:57 Des idées de cas d'usage (agences, lead magnets, compteurs)
19:20 Mes conseils : brand system et itération
20:04 Les deux usages qui changent tout pour moi
____________
Vidéo écrite, filmée & montée par moi 🏄🏼♀️
____________
🌸 VIENS ME FOLLOWWW
🚀 Mes services & produits : https://www.clairenocode.fr/
📱 Instagram : https://www.instagram.com/clairenocode/
🎙️ Podcast : https://podcast.ausha.co/entrepreneuse-sans-succes
✍🏼 LinkedIn : https://www.linkedin.com/in/clairenocode/
✉️ Email : hello@clairenocode.fr
On peut vraiment parler de vibe-coding intégré à Notion !
Dans cette vidéo, je teste les 6 prompté pré-enregistrés (diapositive, dashboard, rapport, explicatif, prototype, jeu) sur mes propres pages, je vous partage mes retours et surtout comment obtenir des résultats qui respectent vraiment votre identité visuelle grâce à un brand system.
Au programme :
→ Comment fonctionnent les blocs HTML (/html) et où les trouver
→ Pourquoi il faut absolument briefer son style (couleurs, typo, ton) pour éviter un rendu générique
→ Le vrai problème des blocs HTML : ils ne sont pas dynamiques (et la solution avec un agent IA)
→ Test des 6 modes : diapositive, dashboard, cockpit d'activité, rapport client, explicatif interactif, prototype d'app, jeu/quiz
→ Mes deux usages "game changer" : le dashboard et l'explicatif interactif
→ Les limites actuelles (polices personnalisées, responsive, interactivité du prototype)
____________
☀️ POUR ALLER PLUS LOIN :
Je t’ai préparé une application avec des ressources supplémentaires : fiches pratiques, checklists et exercices d’application pour chaque jour.
➡️ Accès gratuit ici : https://cahier-de-l-ete-2026.zite.so
En t’inscrivant, tu recevras :
✔️ Les +30 ressources + to-do pour passer à l’action
✔️ Des bonus exclusifs (templates, outils)
✔️ Et quelques surprises à découvrir au fur et à mesure
____________
CHAPITRES :
00:00 Les blocs HTML, la nouveauté Notion du 1er juillet
00:54 Où trouver les blocs HTML et les 6 prompts prédéfinis
01:36 Premier exemple : mon suivi des Cahiers de l'été
02:38 Pourquoi il faut briefer son brand system (couleurs, typo)
04:51 Le problème : les blocs HTML ne sont pas dynamiques
05:48 La solution : un agent IA pour rafraîchir les données
07:22 Mode 1 : diapositive
10:23 Mode 2 : dashboard, mon cockpit d'activité
11:52 Mode 3 : rapport, pour un rendu client
12:49 Mode 4 : explicatif interactif (mon préféré)
14:37 Mode 5 : prototype d'app (les limites à connaître)
16:06 Mode 6 : jeu et quiz interactif
17:57 Des idées de cas d'usage (agences, lead magnets, compteurs)
19:20 Mes conseils : brand system et itération
20:04 Les deux usages qui changent tout pour moi
____________
Vidéo écrite, filmée & montée par moi 🏄🏼♀️
____________
🌸 VIENS ME FOLLOWWW
🚀 Mes services & produits : https://www.clairenocode.fr/
📱 Instagram : https://www.instagram.com/clairenocode/
🎙️ Podcast : https://podcast.ausha.co/entrepreneuse-sans-succes
✍🏼 LinkedIn : https://www.linkedin.com/in/clairenocode/
✉️ Email : hello@clairenocode.fr