Framer Design Page : La contre-attaque de Framer face à Figma

Contexte et chronologie

• 6–8 mai 2025 : Config 2025 à San Francisco
  Figma dévoile un line‑up majeur, dont Figma Sites, permettant de concevoir, prévisualiser en HTML et publier des sites, avec breakpoints, interactions et templates. Le déploiement de la publication débute le 7 mai 2025 et la bêta est accessible aux plans payants. (lien)

• 16 septembre 2025 : Framer annonce Design Pages
  Un canvas libre pour esquisser, vectoriser, essayer des masques/exports et convertir en une page web Framer en un clic. Framer précise que Design Pages est gratuit, avec projets et pages illimités. (lien)

Notre lecture: Figma étend le design jusqu’à la production (publication incluse), tandis que Framer étend la production vers l’idéation visuelle. Les deux se rencontrent au milieu.

Qu’apporte Framer Design Pages ?

• Canvas libre façon “outil de design” (vector, masques avancés, couleurs P3, export d’images).

• Itération sans penser au responsive, puis conversion instantanée en “Web Page” pour ajouter des breakpoints.

• Gratuité annoncée, avec projets et pages illimités.

Ce mode comble l’angle mort des workflows Framer orientés “production immédiate” en facilitant le cadrage créatif avant le responsive.

Comparatif express

• Positionnement

  • Figma Sites: unifie design et publication au sein de Figma, idéal si votre écosystème est déjà 100 % Figma.

  • Framer Design Pages: rapproche Framer des usages de conception pure, puis bascule en production en un clic, idéal pour les sites marketing/produit visuels.

• Responsive et interactions

  • Figma Sites: breakpoints, composants réactifs et interactions prêtes à l’emploi.

  • Framer: breakpoints maîtrisés, grilles/stacks de type auto‑layout et un large éventail d’animations no‑code. (Synthèse d’après la doc et les mises à jour Framer.)

• Mise en ligne et domaines

  • Figma Sites: publication progressive depuis mai 2025; domaines personnalisés gratuits jusqu’à fin 2025.

  • Framer: publication en un clic et écosystème CMS existant; Design Pages alimente ce flux.

Cas d’usage concrets

• Start-up B2B en phase de go‑to‑market

  • Besoin: itérer vite sur des pages de conversion avec animations.

  • Choix recommandé: Framer + Design Pages pour esquisser et publier rapidement, A/B tester, et déléguer l’édition au marketing.

• Équipe produit déjà outillée Figma (PM + design + dev)

  • Besoin: rester dans l’outil unique, publier une doc publique, un mini‑site événementiel ou une microsite de features.

  • Choix recommandé: Figma Sites pour couper les frictions et rester “in‑tool”.

• Agence/Studio créatif

  • Besoin: explorations visuelles, directions artistiques, puis passage rapide en prod pour validation client.

  • Choix recommandé: Design Pages pour l’idéation, conversion en page Framer et mise en ligne express.

Mini‑workflows “pas à pas”

• Explorer puis publier (Framer)

1. Créez une Design Page

2. Esquissez plusieurs variantes (grille typographique, hero animée)

3. Convertissez la meilleure en Web Page

4. Ajoutez des breakpoints et des effets

5. Publiez.

Tarifs et disponibilité

• Figma Sites: bêta ouverte; édition/publication requièrent un siège “Full”; domaines personnalisés gratuits pendant 2025; Starter: expérience limitée/lecture.

• Framer Design Pages: gratuit et illimité (pages/projets) au lancement.

FAQ

Design Pages remplace‑t‑il Figma pour le design UI ?

Pour le moment c'est compliqué, oui et non. Design Pages apporte un espace d’idéation dans Framer et accélère le passage à la page web Framer. Selon vos besoins UI/produit, Figma Design peut rester central ; Design Pages est surtout utile pour les sites et explorations visuelles. Toutefois ce qui fait la force de Figma c'est son nombre important de plugin pour aller plus loin dans le design. Lorsque Framer Design Page intégrera des plugins similaires à Figma, ça sera vraiment intéressant selon nous.

Pourquoi parler de “réponse” de Framer ?

Figma Sites réduit la distance entre design et publication. Framer ajoute un vrai mode design pour capter l’idéation en amont. Les lancements de mai (Figma) puis septembre 2025 (Framer) illustrent cette dynamique.

Conclusion

Mai 2025: Figma annonce Sites et amorce la publication côté web depuis Figma. Septembre 2025: Framer répond avec Design Pages, ancrant davantage l’idéation dans son produit. Pour les équipes en France, le choix dépendra surtout de l’outillage existant, de la vitesse de publication attendue et du degré d’expression visuelle recherché.