Un site Webflow en 1 heure : Guide étape par étape (tuto webflow)

🖥️ Bienvenue dans ce tutoriel où je vous montre comment créer une page Webflow à partir d'un design Figma. De la conception initiale à la mise en œuvre, je vous guide étape par étape à travers tout le processus ! 🚀
Nous allons explorer ensemble des éléments tels que le display flex, les choix de polices et bien d'autres astuces essentielles pour rendre votre site parfait. Que vous soyez nouveau dans le développement de sites web ou que vous cherchiez simplement à peaufiner vos compétences en Webflow, cette vidéo est faite pour vous.
En une heure, je vais essayer de vous enseigner un maximum, alors préparez-vous à plonger profondément dans le monde de Webflow et Figma. N'oubliez pas de vous abonner pour plus de tuto Webflow et conseils sur comment créer un site web ! 💡
Vous commencez avec webflow?
C'est par ici: webflow.partnerlinks.io/ritch
(ceci est un lien affilié, cela m'aide à continuer à faire des vidéos de qualité sur webflow!)
Vous pouvez cloner la page ici:
webflow.grsm.io/one-page
Lien Figma:
www.figma.com/file/IszKTyfimi...
👉 Lien vers la liste d'attente de ma formation:
rivia-academie.webflow.io/
Si vous appréciez le contenu que je crée et que vous trouvez mes tutoriels et conseils sur Webflow utiles, n'hésitez pas à me soutenir en m'offrant un café ou en faisant une petite donation. Merci à tous!
☕️ www.buymeacoffee.com/riviaweb...
Merci à tous d'avoir regarder cette vidéo et à bientôt !
🚀 Vous avez un projet de site, une question ou une idée de collaboration ?
Contactez-moi ici: forms.fillout.com/t/4unAJL6ZZTus
🎥 Outils:
Camera: amzn.to/3LrInqD
Micro: amzn.to/3qT2p62
RGB: amzn.to/45uMsSB
Softbox: amzn.to/3sB8BQM
Ordinateur: amzn.to/3Plz7GT

[@jeremiehouet8550]

Ahh enfin un tuto de A a Z pour faire une page entière !

[@arturorago50]

Cette vidéo est l'une des meilleures que j'ai trouvées en ligne - merci beaucoup ! j'hai hâte de voir la prochaine sur Figma to Webflow!

[@najiiiib]

Waaaa super format. je n'ai point vu le temps passé. Merci pour ce tuto😎

[@Sarahablonet-design]

Merci pour cette vidéo qui est très intéressante 🌞

[@user-ew8oj5tm1e]

Great content bro ❤

[@kamiG74]

Et quand on commence à bien connaître webflow, on peut utiliser Figma to Webflow et hop on ajoute les animations 😊

[@Henry.lt23]

Salut ! merci pour ce tutoriel qui m'a beaucoup aidé. Petite question que je me pose à titre personnel; pourquoi est ce que tu n'utilises pas le quickstack à la place des divblock ? est ce que cela serait pas + intuitif. Ton avis m'interesse.

[@dayanefadebi]

Super Vd ! ça m'a bcp aidé mais cependant tu as zappé le coté responssible ainsi que le Header. Franchement merci bcp pour la vd

[@Zoooyy55]

Super tuto ! Est il possible de créer avec Webflow un tableau de bord pour des clients ? Avec l’option connexion pour eux ou nous devons utiliser d’autres outils ?

[@vanessat2209]

Super intéressant ce tuto. On voit pas mal de choses ! J'ai une petite question : quand tu parles de mettre en position relative la section pour bien positionner les 2 dégradés "Circle Green", est ce qu'on pouvait mettre cette position relative dans le Flex Left et dans le Flex Right avec un Z-index de 3 par exemple au lieu de le mettre dans le Flex et dans la section ?

[@guillaume_ptt]

Super ta vidéo, mais petite question comment on fait pour mettre nos liens réseaux sociaux sur le site et aussi mettre notre adresse mail pour notre formulaire?

[@BEN-zd1ho]

mais pourquoi ne pas etre passer. par le plugin figma tro webflow ?

[@andreaguddelmoni1962]

Salut, je n'arrive pas a modifier la landing page sur figma...

[@Rosie_Morville]

Y’a pas la vignette de la vidéo 1 qui s’affiche (