12 raccourcis clavier pour créer plus rapidement sur Webflow

Documentation
3 min
Publié le Dec 17, 2021
DerniĂšre mise Ă  jour le
Une main pointant un clavier d'ordinateur avec un logo webflow blanc en arriĂšre plan
Résumez cet article avec une IA
Points clés de l'article

J'adore la productivité.

Optimiser son temps est (Ă  mon avis) super important ! Et vous ?

Dans cet article je vous ai donc fais une liste de quelques raccourcis claviers qui vont vous permettre de crĂ©er plus rapidement dans Webflow ! 🏎

Raccourcis généraux

  • Copier un Ă©lement : Command + C (mac) ou Control + C (windows)
  • Coller un Ă©lement : Command + V (mac) ou Control + V (windows)
  • Annuler la derniĂšre action (⛑) : Command + Z (mac) ou Control + Z (windows)

Ajouter des éléments

  • Ajouter un Ă©lĂ©ment (A) : Command + E (mac) ou Control + E (windows)

Style

  • Attribuer une classe Ă  un Ă©lĂ©ment : Command + enter (mac) ou Control + enter (windows)
  • Modifier le format du "spacing" des 4 cĂŽtĂ©s en mĂȘme temps : Maj + glisser (mac) ou Maj + glisser (windows)
  • Modifier le format du "spacing" Ă  l'horizontal ou vertical seulement : Option + glisser (mac) ou Alt + glisser (windows)
  • Changement page dynamique : Maj + option + ◀ ▶ (mac) ou Maj + Alt + ◀ ▶ (windows)

Affichage adaptatif : vue par appareil

En un clic, jonglé des différents formats d'affichage ! De l'ordinateur au téléphone portable adaptez votre design à tout les formats ! (Rappel : plus de 50% du traffic mondial se fait sur smartphone)

  • Ordinateur : 1
  • Tablette : 2
  • TĂ©lĂ©phone (paysage) : 3
  • TĂ©lĂ©phone (portrait) : 4

Bonus 🎁

Publiez votre site Webflow 🚀

  1. Ouvrir le menu  : Maj + P (mac) ou Maj + P (windows)
  2. Publishhh  : Maj + enter (mac) ou Maj + enter (windows)

Retrouvez nos autres tutos et tips Webflow sur notre blog.

Bonus : Créez votre propre raccourci clavier dans Webflow ou Designer plus efficacement dans Figma avec ses raccourcis clavier !

Florian Bodelot
Florian Bodelot
Co-fondateur

Articles qui devraient vous intéresser

Bunny.net - Webflow Videos
Documentation
Webflow

Comment résoudre tous vos problÚmes de vidéo sur Webflow avec Bunny.net

Comment résoudre tous vos problÚmes de vidéo sur Webflow avec Bunny.net
 Collage de plusieurs sites Web de finance et de technologie financiÚre présentant les tendances de design de 2026 : minimalisme, typographie épurée, photographie humaine et expérience utilisateur haut de gamme.
Documentation
Design

Tendances design 2026 pour les sites web de finance

Tendances design 2026 pour les sites web de finance
Interface de Webflow Optimize affichant le tableau de bord d’analyse et les opportunitĂ©s d’optimisation des conversions, avec suivi du trafic et des sources organiques.
Documentation
Webflow

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing

Optimize by Webflow, l'outil de CRO boosté à l'IA pour les équipes marketing

Transformez votre site web en un moteur de croissance.

Nous contacter