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

Graphique de performance boursiÚre d'Apple Inc. montrant les variations de prix intrajournaliÚres et les données de marché dans une interface sombre.
Documentation
Développement

Pourquoi et comment intégrer des graphiques, tableaux et données financiÚres sur votre site web ?

Pourquoi et comment intégrer des graphiques, tableaux et données financiÚres sur votre site web ?
Projection du logo Digidop sur la façade d'un bùtiment dans une grande ville la nuit, symbolisant la visibilité de la marque.
Storytelling
Digidop

Était-ce une bonne idĂ©e (ou pas) d’appeler notre entreprise Digidop ?

Était-ce une bonne idĂ©e (ou pas) d’appeler notre entreprise Digidop ?
Illustration conceptuelle d’un utilisateur face Ă  deux versions d’un site web : une interface traditionnelle Ă  gauche et une interface futuriste axĂ©e donnĂ©es Ă  droite. MĂ©taphore du web d’aujourd’hui et du web de demain.
Documentation
IA

Quand les LLMs redéfinissent le rÎle du site de marque

Quand les LLMs redéfinissent le rÎle du site de marque

Transformez votre site web en un moteur de croissance.

Nous contacter