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).

Le “Design Handoff” ne devrait pas être une étape où l’on transpire 😅

Si vous réécrivez encore vos variables à la main ou vous battez avec des scripts maison pour transformer vos variables Figma en tokens… j’ai quelque chose pour vous.

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.

Et les talks sont embedded dans l'app Devoxx Mobile (mobile.devoxx.com) si vous aviez favorisé des talks que vous n'aviez pas pu voir :-)

En attendant que la feature de "watch later" soit implémentée complètement 🫠

🎉 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

The Sorry State of States:
Today’s Figma assets show design could align better with code

medium.com/@nathanacurt...