Badge Webflow Award Winner 2023

12 raccourcis clavier pour créer plus rapidement sur Webflow

Publié le 
17/12/2021
‱
Modifié le 
27/3/2023
Temps de lecture : 5 min
Une main pointant un clavier d'ordinateur avec un logo webflow blanc en arriĂšre plan
Écrit par
Florian Bodelot avec un T-shirt Digidop

Florian Bodelot

Co-fondateur

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 !

Points clés à retenir

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 !

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop