J'ai voulu tester l'effet "Liquid Glass" avec du #WebGL combiné à des composants web. Le rendu est plutôt satisfaisant ! Speed Dial interactif : codepen.io/RobinLopezDe... Loader gouttes de verre : codepen.io/RobinLopezDe... #CreativeCoding #CodePen #LiquidGlass #html #css #front #web #effect

Nouvelle MAJ du #plugin Token Forge (v3.2) @figma.com ! - Starters DS : Initiez vos #variables en 1 clic. - Specs #AI-Ready : Épargnez l'exploration coûteuse à vos outils. L'essentiel de vos composants servi en JSON/YAML. #Tokens économisés ! - Manifeste d'export. Testez-le 👉 lnkd.in/euM2N5Em

Marre du hardcode ? Token Flow débarque sur VS Code ! 🎉 L'outil pour maîtriser vos Design Tokens dans l'IDE : - Remplacement des valeurs en dur - Lib & Picker visuel - Autocomplétion (SCSS/TS) Gratuit 👉 lnkd.in/eW6FYq8q #VSCode #DesignTokens #FrontEnd #DesignSystem #Variable #IA #IDE #Plugin #

MAJ pour Token Flow plugin pour l'IDE IntelliJ ! Gérez vos Design Tokens sans quitter votre code : ✨Suggestions et Analyse intelligentes 👀 Detection des valeurs hardcode 📊 Audit global des références cassées plugins.jetbrains.com/plugin/31635... #DesignTokens #DesignSystems #JetBrains

L’IA génère du code de plus en plus vite, mais la cohérence des styles finit souvent par en pâtir. Le plugin ​Token Flow vous assiste sur IntelliJ pour détecter les valeurs hardcodées et les remplacer par les bons tokens en un clic.

4 évolutions récentes du plugin Figma “Token Forge - Variables Tokens Builder” pour simplifier le handoff 👇 - Conversion px → REM/EM/% + couleurs HSL/OKLCH/RGBA - Wrap auto en CSS/SCSS - Export W3C optimisé Penpot - Sync GitLab (en + de GitHub & Sheets)

Petite update sur Token Forge (le plugin Figma que je construis pour simplifier le handoff design ↔ développement) Après le support GitLab, la nouvelle version intègre désormais le support de Google Spreadsheet 🚀

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

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