Figma-to-Video Skill for Muse
Importez vos designs Figma dans des compositions vidéo HyperFrames.
- Quoi
- Importez vos designs Figma dans des compositions vidéo HyperFrames.
- Coût
- Gratuit
- Prérequis
- un compte Figma plus votre propre jeton d'accès personnel Figma en lecture seule (créé dans figma.com/settings — ne le collez jamais dans le chat) ; la CLI hyperframes (npx). Aucune écriture dans Figma, jamais — portées en lecture seule uniquement.
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Importe vos designs Figma dans une composition vidéo HyperFrames : assets statiques (SVG/PNG rendus via REST et figés en local avec provenance enregistrée), jetons de marque et styles, composants reconstruits en HTML éditable à la géométrie exacte de Figma avec liaison à vos jetons, sections de storyboard reconstruites comme de vraies animations d'éléments (les frames du storyboard sont décodées comme des images-clés, jamais jouées comme des images fixes), plus la prise en charge du mouvement et des shaders assistée par connecteur. L'intégration ne nécessite qu'un jeton d'accès personnel Figma en lecture seule — elle n'écrit jamais dans Figma ; chaque import arrive comme un fichier local figé, donc les rendus restent déterministes. Découvert via skills.sh. Note honnête : il vous faut un compte Figma plus votre propre jeton en lecture seule (créé dans figma.com/settings) ; l'import des variables est réservé aux plans Enterprise côté Figma et bascule élégamment vers les styles publiés ; les phases mouvement et shaders exigent un connecteur Figma compatible ou un export natif. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié.
Sélectionné par Skill Harbor — skill gratuit et open-source (Apache-2.0) par @heygen-com.
Version :
Installation
Prérequis : un compte Figma plus votre propre jeton d'accès personnel Figma en lecture seule (créé dans figma.com/settings — ne le collez jamais dans le chat) ; la CLI hyperframes (npx). Aucune écriture dans Figma, jamais — portées en lecture seule uniquement. Installe-moi « Skill Figma vers Vidéo pour Muse ». Importe des designs Figma dans des compositions vidéo HyperFrames : assets statiques figés en local, jetons de marque et styles, composants reconstruits en HTML éditable à la géométrie exacte de Figma, sections de storyboard reconstruites comme de vraies animations d'éléments, plus mouvement et shaders assistés par connecteur. Dépôt : https://github.com/heygen-com/hyperframes/blob/main/skills/figma/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : scripts/) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « figma ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. enregistrer mon jeton Figma en lecture seule dans le coffre, installer la CLI hyperframes, et avoir un lien de fichier Figma prêt). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.