I created a plugin for this: TokenForge.

It directly exports your variables as tokens to CSS, SCSS, JS, TS, JSON, etc. It also handles import and much more.

To try it: www.figma.com/community/pl...

Your feedback is welcome! 🙏

Super interesting process! 👌
If you want to simplify converting your Figma styles/variables into ready-to-use tokens, I've created a plugin for that: TokenForge.

It exports directly to CSS, JS, TS, JSON, etc.

If you'd like to try it: www.figma.com/community/pl...

Your feedback is welcome! 🙏

Voici un carrousel qui vous donne un bon aperçu du plugin.

Découvrez et adopter Token Forge ici :
www.figma.com/community/pl...

#DesignSystem #DesignTokens #Figma #Frontend #Tokens #Plugin

Concrètement, TokenForge gère :
• Export multi-format : TS, CSS, SCSS, JSON, JSON W3C, ARB (Flutter)…
• Standardisation W3C : fini les écosystèmes fermés
• Préservation des Alias & Modes (bye bye les hex en dur 👋)
• Import pour migrer / dupliquer un DS en quelques clics

J’ai créé TokenForge avec une idée simple :
simplifier toute la “plomberie” du Design System.

Pour les équipes qui veulent un workflow fluide, sans friction, sans outils de synchro complexes et coûteux.

TokenForge génère vos variables Figma en tokens structurés (JS/TS, JSON, CSS, SCSS), avec alias, modes et préfixes personnalisables, afin de les consommer facilement dans votre code.

Conçu pour les équipes design et dev qui cherchent à unifier leur design system sans passer par des pipelines et outils complexes.

Gratuit, il vient tout juste d'être publié sur le store Figma 🎉
👉https://lnkd.in/d-rDVPAk

💻 Un site développé sur mesure, mettant en valeur l'architecture, et les prestations haut de gamme de cette villa d’exception. Construit avec une stack technique moderne (Astro Framework, GSAP, Lenis, Netlify + GitHub).

Visitez le site : 👉 www.villarenegabriel.com

Et si vous êtes curieux, je vous laisse découvrir le projet en détail sur mon Behance :
www.behance.net/gallery/2235...

🌱 Conçu dans le respect des bonnes pratiques d’accessibilité, de référencement naturel (SEO) et d’éco-conception, afin de réduire son impact environnemental tout en offrant une expérience utilisateur optimale.

🎨 L'animation 3D a été conçu et animé avec Spline, pour une immersion tout en douceur.

💻 Site sur mesure, basé sur une stack technique moderne, optimisée pour la performance et la fluidité. (Astro pour sa légèreté et sa rapidité, et un déploiement via Netlify, automatisé grâce à GitHub).