Le plugin d'import ne suffit pas
Framer propose un plugin officiel, « Figma to HTML with Framer », qui copie les calques d'une maquette dans Framer. C'est un bon point de départ, pas un site fini. Une fois collée, la maquette reste une image découpée en blocs : il faut encore définir le comportement sur tablette et sur mobile, transformer les éléments répétés en composants, relier les listes au CMS, remplacer les textes provisoires, régler les balises et vérifier le poids des images.
C'est là que se joue la qualité d'une intégration : un site fidèle à la maquette sur l'écran du designer, et qui reste propre sur un téléphone de 390 pixels de large.
Ce que nous vérifions dans votre fichier Figma
- Les versions d'écran disponibles : ordinateur seul, ou aussi tablette et mobile ? S'il manque une version, nous proposons une adaptation que vous validez.
- Les styles : typographies, couleurs, espacements définis comme styles réutilisables — ou à reconstituer.
- Les composants : boutons, cartes, en-tête et pied de page, pour les recréer comme composants Framer que vous pourrez modifier en un seul endroit.
- Les polices : leur licence doit autoriser un usage sur le web. C'est un point souvent oublié.
- Les images sources en bonne définition, et les textes définitifs quand ils existent.
Ce que vous recevez
- Un site Framer fidèle à la maquette, décliné sur ordinateur, tablette et mobile.
- Des composants propres et un CMS en place si le site comporte un blog, des réalisations ou des offres.
- Les animations prévues par le designer, recréées avec les effets natifs de Framer.
- Le référencement technique : balises page par page, structure des titres, textes alternatifs, sitemap.
- Les formulaires reliés, le domaine branché, puis le projet transféré sur votre compte Framer avec une prise en main d'une heure.
Designer et intégrateur, qui fait quoi ?
Le designer garde la main sur la direction artistique ; nous prenons en charge tout ce qui fait d'une maquette un site. Votre designer peut être invité sur le projet Framer pour suivre l'intégration et valider les écrans. Vous n'avez pas encore de maquette ? Nous pouvons aussi concevoir le design : c'est le fonctionnement standard d'un site vitrine Framer ou d'une landing page.
Questions fréquentes
Combien coûte l'intégration d'une maquette Figma dans Framer ?
Elle est chiffrée sur devis ferme, envoyé sous 24 h ouvrées : le prix dépend du nombre de pages, des versions d'écran fournies et des animations. Le design étant déjà fait, le devis ne facture que l'intégration.
Faut-il fournir une version mobile de la maquette ?
C'est préférable, mais pas obligatoire : sans version mobile, nous proposons une adaptation que vous validez avant l'intégration.
Le site sera-t-il identique à la maquette ?
Oui, sur les écrans prévus par la maquette. Les rares écarts nécessaires (lisibilité sur mobile, contrainte technique) sont signalés et validés avec vous avant d'être appliqués.
Pourrai-je modifier le site ensuite sans le designer ?
Oui : textes, images et articles se modifient directement dans Framer, et les éléments répétés sont des composants que l'on change en un seul endroit.