# 12 keyboard shortcuts to create faster on Webflow

Documentation3 minPublished on Dec 17, 2021Updated on ![A hand pointing at a computer keyboard with a white Webflow logo in the background.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671b58122d5920572971e0d5_64760069e93084646c9ef12a_61bcda7e31c8e5749e3a654e_Open%252520Graph-radio-button-webflow-tuto.png)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key pointsI love productivity.

Optimizing your time is (in my opinion) super important! And what about you?

In this article, I have compiled a list of some **keyboard shortcuts** that will allow you to create more quickly in Webflow! 🏎

## General Shortcuts

- Copy an element: **Command + C** (mac) or **Control + C** (windows)
- Paste an element: **Command + V** (mac) or **Control + V** (windows)
- Undo the last action: **Command + Z** (mac) or **Control + Z** (windows)

## Adding Elements

- Add an element (A): **Command + E** (mac) or **Control + E** (windows)

## Styling

- Assign a class to an element: **Command + enter** (mac) or **Control + enter** (windows)
- Change the spacing format for all four sides at once: **Shift + drag** (mac) or **Shift + drag** (windows)
- Modify horizontal or vertical spacing only: **Option + drag** (mac) or **Alt + drag** (windows)
- Change dynamic page: **Shift + option** **+ ◀️ **▶️ (mac) or **Shift + Alt** **+ ◀️ **▶️ (windows)

## Responsive Display: Device View

With a single click, switch between different display formats! From computer to mobile, adapt your design to all formats! (*Reminder: over 50% of global traffic comes from smartphones*)

- Computer: **1**
- Tablet: **2**
- Phone (landscape): **3**
- Phone (portrait): **4**

## Bonus

Publish your Webflow site

- Open the menu  : **Shift + P** (mac) or **Shift + P** (windows)
- Publish it  : **Shift + enter** (mac) or **Shift + enter** (windows)

Find more of our [Webflow tutorials and tips](/blog) on our blog.

Bonus: [Create your own keyboard shortcut in Webflow](/blog/custom-keyboard-shortcuts-webflow) or [Design more efficiently in Figma with these keyboard shortcuts](/blog/top-10-keyboard-shortcuts-figma-designer-quickly)!

[

](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-founder[

](/team/florian-bodelot)[

](https://fr.linkedin.com/in/florian-bodelot-digidop)[

](https://twitter.com/florian_bodelot)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)