• Designers Are Leaving Webflow… Here’s Why by Tim Gabe
• Should you REALLY Learn Framer? by Arnau Ros

🧐 Mon point de vue :

L’argument marketing majeur en faveur de Framer (et qui a très largement fait le buzz) est bien évidemment l’utilisation de l’iA qui vous assiste dans la phase de conception de façon assez bluffante mais dont les propositions ne sont pas toujours très… élégantes et proposent une ergonomie parfois datée ou douteuse ! Les vidéos sur le sujet m’ont laissé dubitatif même si je dois bien reconnaître que l’iA est plutôt bien intégrée et permet de commencer rapidement un projet. J’ai été davantage conquis par les démos de Relume Library qui se positionne désormais également comme un « AI-powered Site Builder » pour Webflow qui permet de créer un sitemap rapidement avec du contenu.

Webflow, par ailleurs, poursuit le développement de nouvelles fonctionnalités et vient d’annoncer le lancement des Webflow Apps, intégrations natives des meilleures solutions No Code actuellement disponibles sur le marché. Du côté de Framer, la dernière fonctionnalité fraîchement sortie est l’extension Chrome HTML to Framer qui permet de copier-coller des éléments de n’importe quel site Web codé en HTML et CSS directement dans Framer 🤯. Le match s’annonce donc assez féroce et passionnant entre les deux acteurs pour offrir aux utilisateurs réfractaires au code des expériences de création toujours plus fluides et intuitives.

Le grand gagnant de ce duel est également Figma qui assoit son leadership dans le domaine des outils de conception UX/UI et s’impose encore davantage comme le compagnon idéal des designers et des développeurs Web. L’arrivée des fonctionnalités récentes dans Figma (Autolayout Wrap ou gestion des CSS Flexbox, Variables, Dev Mode…) confirme d’ailleurs cette approche complémentaire… À moins que l’éditeur n’ait dans sa roadmap un projet concurrent à nous présenter prochainement ? 🤞

Pour conclure, mon choix de cœur demeure Webflow qui reste la solution la plus mature à ce jour en dépit de certaines évolutions très séduisantes offertes par Framer. Les nouvelles features offertes par Webflow confirment la capacité de la marque à faire évoluer son interface sans trop la surcharger et à continuer de s’améliorer (nouvelle API Rest, automatisations natives…) 🙏

Le point le plus clivant, mais sur lequel la communication de Framer est plutôt discrète, est l’utilisation de React, un framework JS performant mais dont la courbe d’apprentissage est vraiment raide selon moi. C’est d’ailleurs ce qui m’avait découragé pour l’adopter comme solution de prototypage il y a quelques années. Les choix de Webflow sont bien plus classiques (HTML, CSS et JS) mais offrent une possibilité d’évolution et de customisation bien plus facile et rapide. Si Framer parvient à « abstraire » React comme Webflow a réussi à le faire pour le HTML et le CSS, le jeu restera probablement très ouvert… Grande force du challenger, l’ergonomie de Framer est au top et l’éditeur a su intelligemment adapter son interface pour faire armes égales voire dépasser le monstre Webflow. Comme pour toutes les solutions No Code de conception Web offrant la possibilité d’un vrai design custom, l’objectif est bien évidemment de « cacher » le code le plus possible mais le moteur reste un critère crucial pour beaucoup d’applications destinées à évoluer dans le temps.

Les approches des deux éditeurs sont pour ainsi dire diamétralement opposées :
– Framer privilégie très clairement les designers qui conçoivent leurs projets dans Figma mais la partie Développement (code) est beaucoup moins « accessible »,
– Webflow permet de son côté de se familiariser en douceur avec le code HTML, CSS (voire le JS) à son rythme dans une interface pensée et optimisée pour réduire les frictions.