12 raccourcis clavier pour créer plus rapidement sur Webflow

Documentation
17/12/2021
3 min
Une main pointant un clavier d'ordinateur avec un logo webflow blanc en arriĂšre plan
Key points

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

Webflow Localization, cas d'utilisation de Credial
Documentation
Webflow

Webflow Localization : guide et cas pratique de Credial

Webflow Localization : guide et cas pratique de Credial
Visuel illustrant le passage de digidop.fr Ă  digidop.com
News
Digidop

Digidop.fr devient Digidop.com

Digidop.fr devient Digidop.com
Photo de l'Ă©quipe Digidop avec Logo Digidop 2024
News
Digidop

RĂ©trospective d’une annĂ©e 2024 exceptionnelle et cap sur 2025

RĂ©trospective d’une annĂ©e 2024 exceptionnelle et cap sur 2025

Transformez votre site web en un moteur de croissance.

Nous contacter