Merci à tous d'être venus 💛 Nous avons rencontré quelques soucis de son pendant ce live (surtout à la fin) - nous travaillons sur leur correction pour les futurs lives 🎙
Merci pour la vidéo....Super encore et tres clair....Eclaire bien la difference entre le style guide et le design system....Le thème de la migration de figma à webflow peut etre aussi super instructif...😁
Hello, voici le lien de la partie 2 du live sur le Design System - qui fait un focus sur Webflow cette fois-ci : th-cam.com/users/liveHTSOSOIXwtM?si=GV6CukSFfXSkJCRs Merci de nous suivre et à bientôt sur la chaîne ! ✌️
Merci pour le message, c'est noté pour les prochaines vidéo ! A suivre sur la chaîne .. 😉 D'ici là, voici un lien vers notre formation Design System sur la Digidop Académie : academie.digidop.fr/formations/figma/0-0-design-system Mais peut-être l'as-tu déjà regardé, au vu de ton message 😊
Tres sympa ! Attention la c'est plus un ui kit et non un design system. C'est composé normalement de : Typographie Couleurs Icônes Grid System Composants d'interface : Boutons Formulaires Cartes Modales Barres de navigation Pieds de page etc. Guidelines : Règles sur comment utiliser le composant et pourquoi Images et Médias : Directives sur l'utilisation d'images, de vidéos, etc. Animation : Principes d'animation et transitions. Logo et Identité Visuelle : Utilisation correcte du logo et des éléments d'identité de la marque. Accessibilité : Directives pour rendre le design accessible à tous les utilisateurs, y compris ceux ayant des besoins spéciaux. Documentation : Des guides et des documents pour expliquer comment utiliser le design system. Design principe et tone of voice : Consignes pour la rédaction de contenu, y compris le ton, le style, et la voix. Responsive Design : Consignes pour la conception et le développement adaptatif. Versioning : Système de gestion de version pour suivre les évolutions du design system. UI Patterns : Modèles de conception spécifiques récurrents. Exemples cool: Engie, decathlon....
Merci pour ton commentaire ! 😊 Tu as parfaitement raison, et c'est pour cela que nous avons consacré cette première partie à la création du Style Guide dans Figma, une des composantes essentielles du Design System. Difficile de tout couvrir en une heure malheureusement, mais nous traiterons ces autres notions (Components Library, Patterns Library, Documentations, etc.), dans un prochain live. Décathlon est un excellent exemple de Design System conçu avec @zeroheighthq, et nous le présenterons très probablement, en effet ! 😊
Génial!! Merci beaucoup pour toutes ces pépites :)
Avec plaisir !! Merci pour le message 🤩🤩
Merci beaucoup. Très complêt et très bien expliqué en français. En plus il y a les ressources. Bravo.
Merci pour ce retour ! 🤩🤩 Rendez-vous pour la partie 2 alors 😊
Un grand grand merci pour ce contenu de qualité et ce partage !
Avec plaisir, merci pour ton message !
Merci à tous d'être venus 💛
Nous avons rencontré quelques soucis de son pendant ce live (surtout à la fin) - nous travaillons sur leur correction pour les futurs lives 🎙
Merci pour la vidéo....Super encore et tres clair....Eclaire bien la difference entre le style guide et le design system....Le thème de la migration de figma à webflow peut etre aussi super instructif...😁
Merci pour ce retour ! 🤩
Nous aborderons la migration du Style Guide Figma vers Webflow dans un prochain Live 😊
Hello merci pour le live. Où puis-je retrouver la partie 2 ?
Hello, voici le lien de la partie 2 du live sur le Design System - qui fait un focus sur Webflow cette fois-ci : th-cam.com/users/liveHTSOSOIXwtM?si=GV6CukSFfXSkJCRs
Merci de nous suivre et à bientôt sur la chaîne ! ✌️
À quand un tuto pour Apprendre à créer un design sytem : 0.0 Design Système
Merci pour le message, c'est noté pour les prochaines vidéo ! A suivre sur la chaîne .. 😉
D'ici là, voici un lien vers notre formation Design System sur la Digidop Académie : academie.digidop.fr/formations/figma/0-0-design-system
Mais peut-être l'as-tu déjà regardé, au vu de ton message 😊
Tres sympa ! Attention la c'est plus un ui kit et non un design system.
C'est composé normalement de :
Typographie
Couleurs
Icônes
Grid System
Composants d'interface :
Boutons
Formulaires
Cartes
Modales
Barres de navigation
Pieds de page
etc.
Guidelines : Règles sur comment utiliser le composant et pourquoi
Images et Médias : Directives sur l'utilisation d'images, de vidéos, etc.
Animation : Principes d'animation et transitions.
Logo et Identité Visuelle : Utilisation correcte du logo et des éléments d'identité de la marque.
Accessibilité : Directives pour rendre le design accessible à tous les utilisateurs, y compris ceux ayant des besoins spéciaux.
Documentation : Des guides et des documents pour expliquer comment utiliser le design system.
Design principe et tone of voice : Consignes pour la rédaction de contenu, y compris le ton, le style, et la voix.
Responsive Design : Consignes pour la conception et le développement adaptatif.
Versioning : Système de gestion de version pour suivre les évolutions du design system.
UI Patterns : Modèles de conception spécifiques récurrents.
Exemples cool:
Engie, decathlon....
Merci pour ton commentaire ! 😊 Tu as parfaitement raison, et c'est pour cela que nous avons consacré cette première partie à la création du Style Guide dans Figma, une des composantes essentielles du Design System.
Difficile de tout couvrir en une heure malheureusement, mais nous traiterons ces autres notions (Components Library, Patterns Library, Documentations, etc.), dans un prochain live.
Décathlon est un excellent exemple de Design System conçu avec @zeroheighthq, et nous le présenterons très probablement, en effet ! 😊