Le v2 de TokenForge – Variables Token Builder est là !

Le plugin Figma intègre désormais la synchro bi-directionnelle avec GitHub. Que votre source de vérité soit côté design ou dev, le flux est enfin fluide ✨

#figma #designsystem #token #handoff #dev #variables

Felt that 😅

I built TokenForge exactly for this mess, a free Figma plugin to turn Variables into code-ready tokens (CSS / SCSS / TS / JSON W3C…) and optionally sync them with GitHub.

Available here, feel free to try it and let me know if it helps ;)
www.figma.com/community/pl...

Dans la continuité de TokenForge, j’ai voulu aller encore plus loin dans le lien entre Figma & le dev.

En explorant le Dev Mode, je me suis vite rendu compte que l’inspection native montre ses limites dès qu’on veut récupérer une valeur directement exploitable côté code

La version 2.4 du plugin Figma TokenForge vient de sortir et embarque une nouveauté : un nouvel utilitaire, "Token extractor" (en BETA).

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

Exporter mes variables Figma sous forme de tokens, tout en gardant les alias et la hiérarchie de mon design system était un vrai casse-tête. Aucun outil ne faisait exactement ce que je voulais… alors j’ai décidé de vibe codé mon plugin : TokenForge

#designsystem #plugin #figma #token #dev

Nouveau projet en ligne !

J’ai récemment eu le plaisir de concevoir et développer le site web de la Villa René Gabriel , une somptueuse villa de luxe hors du commun situé dans les Landes.

🎉 Nouveau projet en ligne !

J’ai récemment eu le plaisir de concevoir et développer le site web de Manon DEPIERROIS, psychologue clinicienne. Un site sobre et clair, conçu pour laisser toute la place à l’essentiel — l’écoute et l’accompagnement.

Retrouvez son site sur 👉 www.manondepierrois.fr

Des boutons qui collent au curseur, comme par magie ! 🔮 Une petite expérience de boutons magnétiques. Testez, c’est ultra satisfaisant !

👉 shorturl.at/1BZ5N

#UI #Design #Button

Petit menu "top" dropdown du week-end en pur HTML/CSS. Disponible sur mon Code Pen : 👉 shorturl.at/IfT6U

💡 Sur le blog de 4SH, je partage nos tips et principes pour créer un UI Kit Figma efficace : rapidité, cohérence, et dev-friendly 🚀 👉 lnkd.in/enWKHCMe

Tips pratique Figma : Saviez-vous que vous pouvez copier les connecteurs de FigJam vers vos fichiers Figma ? 🎉 et ainsi, les attacher directement à vos frames pour un workflow hyper fluide. 🚀 #FigmaTips #DesignTools #Figma #tips