Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Schéma de processus dessiné à la main v1.0.0

Utilisez cette ressource pour animer un schéma de processus ou une suite d'étapes

Nouveau

  • 472 téléchargements
  • 224 mentions J'aime
  • 104 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install hand-drawn-flowchart

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent génère un organigramme animé à partir d'une liste d'étapes : chaque case se dessine avec un trait légèrement tremblé, son libellé manuscrit apparaît, puis un connecteur courbe la relie à la suivante. Vous donnez les étapes, il règle la taille et l'espacement. Le résultat sert de surcouche explicative dans une vidéo.

Choisie surtout par

Mise à jour le 2 novembre 2026

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
HyperFrames
Utilise
  • HyperFrames (Node.js 22 et FFmpeg)
Licence
Apache-2.0

Ressources similaires

Tout voir

Ce que vous obtenez

  • LISEZMOI.md : mode d'emploi en français (CONFIG, durée, rendu)
  • hw-pipeline.html : composition de 7 secondes avec trois étapes d'exemple
  • assets/fonts/Caveat-700-latin.woff2 : police manuscrite

Pour qui

  • Vidéos pédagogiques qui expliquent une méthode en étapes
  • Présentations de processus client ou d'offre
  • Tutoriels et schémas pour les réseaux sociaux

Pas pour qui

  • Schémas techniques précis (réseaux, UML)
  • Plus de cinq ou six étapes sur une même ligne

Étiquettes

  • schéma
  • manuscrit
  • processus
  • pédagogie
  • animation

À propos

Vous dites

« Anime un schéma en quatre étapes : Idée, Script, Tournage, Montage, avec des cases dessinées à la main. »

Trois cases au contour tremblé reliées par des flèches courbes, avec des mots écrits à la main.

Bloc publié par HeyGen (HyperFrames) sous licence Apache-2.0, traduit par PalateKit.

Voir plus

Prérequis

À préparer
La liste des étapes à afficher et Éventuellement vos couleurs de marque
Dépendances
HyperFrames (Node.js 22 et FFmpeg)

Comment l'utiliser

  1. Installer le bloc et sa police dans votre projet HyperFrames
  2. Modifier la liste CONFIG.nodes avec vos étapes
  3. Rendre la vidéo avec la commande de rendu HyperFrames

Aperçu du contenu

Fichiers

  • assets/fonts/Caveat-700-latin.woff273,2 Ko
  • hw-pipeline.html10,8 Ko
  • LICENSE10,5 Ko
  • LISEZMOI.md0,9 Ko
  • NOTICE-PALATEKIT.md0,5 Ko
  • registry-item.json0,7 Ko

Origine et licence

Modifié par PalateKit

Auteur
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/hw-pipeline
Licence
Apache-2.0

Notice

Version modifiée de « Hand-Drawn Flowchart » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Combien d'étapes puis-je afficher ?

Les cases sont centrées automatiquement ; au-delà de cinq, réduisez boxW, gap et fontSize dans CONFIG.

La police est-elle incluse ?

Oui, Caveat 700 est fournie dans assets/fonts et doit rester à cet emplacement relatif.