12 raccourcis clavier pour créer plus rapidement sur Webflow

Quelques conseils sur des raccourcis clavier de base, utile sur webflow pour créer plus rapidement et gagner du temps dans votre développement de site no-code !

17/12/2021
•
5 min
Une main pointant un clavier d'ordinateur avec un logo webflow blanc en arrière plan

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 !

Prêt(e) à avoir un site qui convertit ?

Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !

Restez informés de l’actu Digidop !