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 !