How to upload and manage assets on Webflow

beginner 8 min read Updated 2026-03-18

Quick Answer

Webflow's Asset Manager allows you to upload, organize, and manage all your project's media files from one centralized location. You can access it through the Designer panel and organize assets into folders for better workflow management.

Try Webflow Full Webflow Review

Prerequisites

Active Webflow account
Basic understanding of web design
Assets ready for upload (images, videos, etc.)
Access to Webflow Designer

Step-by-Step Instructions

Access the Asset Manager

Open your Webflow project in the Designer. In the left sidebar, click on the Assets panel (folder icon) or press A on your keyboard. This opens the Asset Manager where all your project's media files are stored.

Use the keyboard shortcut 'A' to quickly toggle the Assets panel open and closed.

Upload new assets

Click the Upload button (+ icon) in the Asset Manager. You can either drag and drop files directly into the upload area or click Choose files to browse your computer. Webflow supports images (JPG, PNG, SVG, WebP), videos (MP4, WebM), and documents (PDF).

Optimize your images before uploading to improve site performance. Webflow automatically compresses images, but pre-optimization helps.

Create and organize folders

To create a new folder, click the New folder button in the Asset Manager. Name your folder (e.g., "Hero Images", "Icons", "Product Photos"). Drag and drop assets into folders to organize them, or select multiple assets and use the Move to folder option.

Create a consistent folder structure from the start to save time as your project grows.

Edit asset properties

Click on any asset to open the asset details panel. Here you can rename the file, add Alt text for accessibility, view file size and dimensions, and see where the asset is used in your project. The Alt text field is crucial for SEO and accessibility.

Always add descriptive alt text to images for better accessibility and SEO performance.

Use assets in your design

To add an asset to your page, drag it directly from the Asset Manager onto your canvas, or select an image element and choose the asset from the Image settings panel. You can also access assets when setting background images in the Style panel.

Search and filter assets

Use the search bar at the top of the Asset Manager to quickly find specific files. You can filter assets by type using the filter dropdown: All, Images, Videos, or Documents. The search function works on both file names and alt text.

Use descriptive file names when uploading to make searching easier later.

Delete and manage unused assets

Right-click on any asset to access options like Delete, Rename, or Move to folder. Before deleting, check the Used in section in the asset details to see where the file appears. Webflow will warn you if you try to delete an asset that's currently in use.

Regularly clean up unused assets to keep your project organized and reduce storage usage.

Monitor asset usage and limits

Check your storage usage at the bottom of the Asset Manager. Free plans have limited storage, while paid plans offer more space. You can see the total number of assets and storage used. Access your account settings to upgrade if you need more storage space.

Consider using external CDNs for large video files to save on Webflow storage limits.

Common Issues & Troubleshooting

Upload fails or assets won't upload

Check that your file format is supported and the file size is under the limit (10MB for images, 4GB for videos). Clear your browser cache and try uploading again. Ensure you have a stable internet connection.

Assets appear blurry or low quality

Upload high-resolution images as Webflow automatically optimizes them. Avoid uploading images that are too small for their intended display size. Check that SVG files are properly formatted and don't contain embedded raster images.

Can't find uploaded assets

Use the search function in the Asset Manager or check if assets were uploaded to a specific folder. Refresh the Designer by pressing Ctrl+R (or Cmd+R on Mac) to reload the asset list.

Storage limit exceeded error

Delete unused assets or upgrade your Webflow plan for more storage. Review large video files and consider hosting them externally. Compress images before uploading to reduce file sizes.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Webflow website before purchasing.

Visit Webflow View Webflow Pricing