🎁 5 cours vidéo : Devenir Webdesigner même si vous n'êtes pas Créatif : bit.ly/devenir-webdesigner 💎 La nouvelle formation : "UX/UI La Méthode Complète" : school.uiremi.com/uxui-methode
Bien que le CSS paresse plus compliqué personnellement cela me semble bien plus simple que apprendre à utiliser un outil qui a une interface plutôt complexe
Bonjour, Pour garder le texte blanc, tu ne sais pas avoir plusieurs class sur un même objet ? De plus, le div invisible pour faire un padding-bottom a fait saigné mon petit coeur de développeur. Il aurai suffit de modifier le padding-bottom du paragraphe.
Dans webflow c'est une astuce qu'on utilise régulièrement pour s'y retrouver. Des méthodologies comme Client First l'ont adopté Le faire dans le paragraphe contraint à avoir tous les paragraphes avec ce padding bottom
Très bonne vidéo ! Mais je me demandais si ce n'étais pas plus simple et plus rapide de le faire avec le plugin figma to webflow malgré les petits pépins qu'il y a parfois ?
Merci tu soulèves un bon point ! Enfait le plugin au premier abord n'est pas simple, il faut retirer les composants, tout passer en auto-layout. Et le but c'est de savoir prendre en main l'outil, quitte à utiliser le plugin plus tard pour remettre en forme, mais être capable de le faire sans le plugin, même si il a un belle avenir !
Pourquoi Figma, ils ne trouvent pas une façon d'exporter les maquettes en NOcode ? On doit travailler deux fois. Une fois pour faire les maquettes et une deuxième fois pour faire le NOcode. Cela me paraît absurde. Quand je faisais les sites en Dreamweaver, on exportait et le site marchait. Ils auraient pu se baser sur le même principe.
Salut ! La façon de coder s'est complexifié, surtout avec les tailles d'écrans et le responsive design ! Dans Figma on est (trop) libre de placer les blocs là où on le souhaite ! Les pages web répondent à d'autres critères précis en terme de nomenclature et de code. Difficile donc de placer ses blocs à la volée sur une page web !
Pourquoi faire deux fois le travail ? Une fois dans Figma et une fois dans Webflow. On pourrait directement travailler dans Webflow pour faire son montage si on sait bien se servir des CSS ?
C'est intéressant comme question ! Enfait faire une maquette figma permet d'être beaucoup plus libre dans le placement des éléments. Sur webflow comme tout est normé c'est plus complexe !
@@ui_remi Oui, mais autant alors considérer les contraintes auxquelles on va être confronté dès le départ ! Plutôt que de bénéficier d'une liberté que l'on va devoir éliminer par la suite en trouvant des solutions à des problèmes que l'on a créés du fait même de cette "fausse liberté" ? Perso cela me donne l'impression que Figma fonctionne comme un logique de PAO (avec une logique de positionnements absolus) tandis qu'une fois dans Webflow tu gères ton contenu en "flow" ou en français en "flux", avec juste la possibilité de créer des exceptions et en plus avec une couche supplémentaire liée au responsive que tu n'auras pas non plus correctement pu anticiper dans Figma sauf à créer des règles propres à cet environnement qui ne seront pas facilement transposables elles non plus dans Webflow. En résumé si tu es la même personne qui réalise les deux intégrations, autant éviter Figma, par contre si on a affaire à un graphiste qui ne maîtrise pas une logique de flux, alors ça permet de créer une passerelle de pseudo compatibilité. C'est cela ?
🎁 5 cours vidéo : Devenir Webdesigner même si vous n'êtes pas Créatif : bit.ly/devenir-webdesigner
💎 La nouvelle formation : "UX/UI La Méthode Complète" : school.uiremi.com/uxui-methode
Dommage qu’il n y a pas d’offre pour les étudiants qui ont de tout petit budget
Simple, précis... Parfait. un abo+
Merci beaucoup 🙏
c'est l'outil du siècle😭❤
💪💪💪
c'est pas l'outil du siècle si je te montre l'outils du siècle tu va pas croire
Bien que le CSS paresse plus compliqué personnellement cela me semble bien plus simple que apprendre à utiliser un outil qui a une interface plutôt complexe
Tu étais à 799 je suis le 800ém abonné. Et à ça fait plais
Trop content d'avoir passé ce cap, merci pour ton abonnement 🙏
Bonjour, Pour garder le texte blanc, tu ne sais pas avoir plusieurs class sur un même objet ? De plus, le div invisible pour faire un padding-bottom a fait saigné mon petit coeur de développeur. Il aurai suffit de modifier le padding-bottom du paragraphe.
Dans webflow c'est une astuce qu'on utilise régulièrement pour s'y retrouver. Des méthodologies comme Client First l'ont adopté
Le faire dans le paragraphe contraint à avoir tous les paragraphes avec ce padding bottom
Très bonne vidéo ! Mais je me demandais si ce n'étais pas plus simple et plus rapide de le faire avec le plugin figma to webflow malgré les petits pépins qu'il y a parfois ?
Merci tu soulèves un bon point !
Enfait le plugin au premier abord n'est pas simple, il faut retirer les composants, tout passer en auto-layout. Et le but c'est de savoir prendre en main l'outil, quitte à utiliser le plugin plus tard pour remettre en forme, mais être capable de le faire sans le plugin, même si il a un belle avenir !
Tu as complètement raison ! Avec le plugin ça va beaucoup plus vite que de le faire ainsi.
@@ui_remi c'est vrai que pour nous, débutant, ça peut nous aider a mieux prendre en main l'outil, merci !
Exactement... je pense que cela va arriver.
Comment fait on pour convertir les animations de la maquette de figma à weblow??
Il faut passer par les animations dans Webflow dans "interaction"
Pourquoi Figma, ils ne trouvent pas une façon d'exporter les maquettes en NOcode ?
On doit travailler deux fois. Une fois pour faire les maquettes et une deuxième fois pour faire le NOcode.
Cela me paraît absurde.
Quand je faisais les sites en Dreamweaver, on exportait et le site marchait. Ils auraient pu se baser sur le même principe.
Salut ! La façon de coder s'est complexifié, surtout avec les tailles d'écrans et le responsive design ! Dans Figma on est (trop) libre de placer les blocs là où on le souhaite ! Les pages web répondent à d'autres critères précis en terme de nomenclature et de code. Difficile donc de placer ses blocs à la volée sur une page web !
Pourquoi pas faire directement la maquette sur l'outils no code
Exactement...
Pourquoi faire deux fois le travail ? Une fois dans Figma et une fois dans Webflow. On pourrait directement travailler dans Webflow pour faire son montage si on sait bien se servir des CSS ?
C'est intéressant comme question ! Enfait faire une maquette figma permet d'être beaucoup plus libre dans le placement des éléments. Sur webflow comme tout est normé c'est plus complexe !
@@ui_remi Oui, mais autant alors considérer les contraintes auxquelles on va être confronté dès le départ ! Plutôt que de bénéficier d'une liberté que l'on va devoir éliminer par la suite en trouvant des solutions à des problèmes que l'on a créés du fait même de cette "fausse liberté" ? Perso cela me donne l'impression que Figma fonctionne comme un logique de PAO (avec une logique de positionnements absolus) tandis qu'une fois dans Webflow tu gères ton contenu en "flow" ou en français en "flux", avec juste la possibilité de créer des exceptions et en plus avec une couche supplémentaire liée au responsive que tu n'auras pas non plus correctement pu anticiper dans Figma sauf à créer des règles propres à cet environnement qui ne seront pas facilement transposables elles non plus dans Webflow. En résumé si tu es la même personne qui réalise les deux intégrations, autant éviter Figma, par contre si on a affaire à un graphiste qui ne maîtrise pas une logique de flux, alors ça permet de créer une passerelle de pseudo compatibilité. C'est cela ?