↔️Markdown

Pasting Markdown automatically adds the respective components.

Copy Markdown and paste it into Webstudio, and it will automatically add all the components, such as headings, images, and links.

Many tools use Markdown behind the scenes, letting you copy directly from the editor.

Example sources and Markdown flavors:

• Standard Markdown

• GitHub-flavored Markdown

• Notion

• SurferSEO

• Obsidian

• Coda

If the pasted Markdown references images, Webstudio uploads those images into Assets and rewrites the generated image instances to use the uploaded assets.

Want to embed Markdown? See Markdown Embed.

Related

• CSS – Paste CSS to populate the Style Panel

• Referenced images – Understand image handling during paste

• Webflow – Copy Webflow components into Webstudio

• Shortcuts – Keyboard shortcuts for faster workflows

• Commands and search – Quick access to commands and settings

• Anatomy of the Webstudio builder – Overview of the Webstudio interface