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

Illustration abstraite représentant le concept de suivi cÎté serveur (server-side)
Documentation
Développement

Comprendre facilement le tracking Server-Side

Comprendre facilement le tracking Server-Side
Illustration représentant un Proof of Concept à travers des explorations visuelles et des références créatives
Documentation
Développement

Proof of Concept (POC) : valider une idĂ©e avant d’investir dans son nouveau site web

Proof of Concept (POC) : valider une idĂ©e avant d’investir dans son nouveau site web
photo d'une institution financiÚre européenne avec des drapeaux européens flottant dans les airs et les termes de la réglementation financiÚre : GDPR, MiFID II, AMF, PSD2, DORA, ORIAS
Documentation
Développement

CGP, VC, Fonds, Banques : quelles rÚgles pour la mise en conformité des sites web dans la finance ?

CGP, VC, Fonds, Banques : quelles rÚgles pour la mise en conformité des sites web dans la finance ?

Transformez votre site web en un moteur de croissance.

Nous contacter