.svg)
.svg)
Encore un ! Je vous présente Framer, un outil de création de sites web qui vient s'ajouter à la longue liste des outils de conception de site internet. Framer se positionne comme un concurrent de Webflow. Tout au long de cet article, nous allons nous demander si passer de Webflow à Framer vaut la peine.
Alors Webflow ou Framer ? 🤔
Qu'est-ce que l'outil Framer ?
Comme vous l'avez sans doute compris, Framer est un outil no-code de conception de sites web.
Sa promesse est de rendre la création de sites web encore plus facile et plus rapide. Avec Framer, tout le monde peut créer son site web. On peut oublier le code et les concepteurs de sites web qui nécessitent un apprentissage préliminaire. Avec Framer, pas besoin de formation en amont ! Les utilisateurs peuvent prendre en main l'outil directement 🔥
Mieux, il est possible d'importer directement sa maquette Figma sur le canva et de publier son site dans la foulée. Il est également possible de designer son site directement sur Framer.
Qu'est-ce que Webflow ?
Il s'agit également d'un outil de conception de site web qui permet de créer un site sans écrire une seule ligne de code.
L'outil est très performant et permet de créer des sites qui le sont tout autant : vous pourrez réaliser un site au design captivant, personnalisé au pixel prêt, bien référencé et totalement sur-mesure.
Néanmoins, avant de maitriser Webflow, bien que sa prise en main soit relativement simple, la courbe d'apprentissage est assez longue. Vous devrez vous formez à l'outil avant de créer votre site. Et je ne parle pas d'une formation d'une heure 😅
Rassurez-vous quand même, Webflow propose des vidéos de formations gratuites. Si vous voulez en savoir plus sur l'outil, je vous redirige vers cet article sur les raisons d'utiliser l'outil 🫶
Quels sont les autres concurrents de Webflow et de Framer ?
Voici quelques concurrents de ces outils dans le domaine de la conception de sites Web :
- Wix
- Squarespace
- Weebly
- WordPress
- Shopify
Il y a bien sûr d'autres outils disponibles, mais ceux-ci sont quelques-uns des plus connus et les plus utilisés.
En quoi Framer se distingue de Webflow ?
L'histoire de Framer
Framer a été fondé par Koen Bok et Jorn van Dijk en 2014.
Avant de créer Framer, Bok et van Dijk ont travaillé chez Facebook où ils ont créé Origami, un outil interne de prototypage pour les designers d'interfaces. Malheureusement, ils ont constaté que l'outil était limité et qu'il ne pouvait pas répondre à tous les besoins des designers, notamment en matière d'animation et d'interaction.
Pour répondre à ses limites ils ont créé Framer, un outil qui permet aux designers de créer des prototypes interactifs haute-fidélité avec des animations et des transitions complexes, sans avoir besoin de compétences de codage avancées. Framer a été lancé en tant que produit de bureau pour Mac en 2014, mais depuis, l'entreprise a évolué pour devenir une plateforme de conception collaborative en ligne, accessible sur n'importe quel navigateur Web.
Aujourd'hui, Framer est utilisé par des designers du monde entier pour créer des prototypes interactifs pour les applications mobiles, les sites Web et les interfaces utilisateur de produits.
Framer, une alternative plus facile et plus rapide
Framer est un outil très bien adapté aux débutants. N'importe qui peut créer son site facilement, sans avoir aucune compétence en développement 😮
De ce fait, avec Framer, les designers peuvent créer un site extrêmement facilement. Ils peuvent importer directement leur maquette Figma sur Framer. Framer a été conçu pour cela.
Néanmoins, il est également possible de créer son design directement sur l'outil. On a également la possibilité de choisir une mise en page prête à l'usage et de l'ajouter en drag and drop sur le canva.
.gif)
Framer ressemble à un logiciel de conception graphique, dans le sens où l'on pense en calques : il y a un panneau de calques qui nous aide à naviguer entre les différents éléments. On retrouve également un fonctionnement en copié-collé, de nombreux raccourcis qui permettent de réaliser des actions très rapidement, des animations qui peuvent se créer facilement, et une simplicité pour créer un site responsive.
Si votre maquette Figma est aboutie, son importation sur Framer et son développement se fera en deux temps trois mouvements.
Vous l'aurez compris Framer est très simple d'utilisation et c'est sans doute son plus gros avantage 👏
Framer, un outil puissant mais qui présente des limites
Framer est une bonne option si vous souhaitez créer un site personnel, une landing page, ou un site peu complexe. Bien que vous puissiez créer un site totalement sur-mesure avec l'outil, vous serez certainement limité, notamment sur la partie CMS. En effet, contrairement à Webflow, vous ne pouvez pas créer un CMS réellement personnalisé, avec une grande collection. Vous devrez vous contenter d'articles de blog et valeurs par défaut 😒
Prix de Framer vs Webflow
Framer propose 4 formules dont une gratuite, mais limitée (faut pas pousser 😛)
En choisissant la formule gratuite, vous aurez une adresse en framer.app
Sinon, les tarifs commencent à partir de 5€ pour un nom de domaine personnalisé. Voici le détail des offres :
Côté Webflow, on nous propose 4 formules + une personnalisée.
Comme pour Framer, il existe une offre gratuite.
Néanmoins, les tarifs s'envolent plus rapidement :
Bonus : Webflow vs Bubble vs Wix, quel outil choisir pour votre site ?
Finalement, Framer est un outil plus simple et plus rapide que Webflow pour créer son site, mais il présente des limites notamment lorsqu'on se lance dans des projets complexes du monde réel !
Si vous souhaitez approfondir ce sujet, je vous invite à lire ce comparatif entre Webflow, Wix et Bubble. Vous aurez toutes les cartes en main pour faire votre choix 😇
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
.jpeg)
