Asset Manager

Updated 
July 7, 2017

The Asset Manager allows you to upload and manage all your website’s assets. Since the Asset Manager lives in the Designer, you can drag and drop your assets directly in your project.

Webflow Asset Manager

Asset types

The Asset Manager supports most image file types:

  • PNG
  • JPEG and JPG
  • GIF
  • SVG

And six types of document file types:

  • PDF
  • DOC and DOCX
  • XLS and XLSX
  • PPT and PPTX
  • TXT
  • CSV
To upload documents in your project, you must have a Hosting Plan or an Account plan. The maximum file size is 4MB for images and 10MB for documents. Please only upload files you have the right to use and distribute.
Currently, document file uploads are not supported in the CMS or Editor, but will be coming soon.

Adding assets

There are two main ways to add images or files to your project:

  • Using the Upload button in the Asset Manager
  • Dragging and dropping assets into your project

In the Asset Manager

You can click the Upload button located in the upper right corner of the Asset Manager. From here you can make your selection of one or multiple files you want uploaded.

 

Dragging and dropping

You can drag a single image or file right onto the Canvas and it will automatically add an Image Element or a link to the file. You can also open the Asset Manager, then drag the asset directly into it for later use.

 

This method also works for adding multiple assets. You can select a group of assets and drag them into your project, adding all of them into the Asset Manager at once. You do not need the Asset Manager open when adding multiple assets like this.

 

Using assets

Once the files are in the Asset Manager, you can drag them into the project. Dropped images will appear as Image Elements and dropped files will appear as text links.

You can also add File Attachments to any link element from the Link Settings. You can attach any type of asset to a link. When you click on any of these links, image and document files will open in a new tab but other file types will be downloaded to your computer.

Webflow non-image assets FIle attachment settings

Deleting assets

Deleting an instance of an asset on the Canvas will not delete the asset in the Asset Manager. To delete the asset from the Asset Manager:

  1. Open the Asset Manager
  2. Hover over the asset you want to delete
  3. Click the settings icon that appears on the top right of the asset
  4. Click Delete.

Keep in mind that if you’ve deleted an asset from the Asset Manager while it’s still being used somewhere in your project, that asset will show up in the Asset Manager again once you refresh the Designer. All instances of the asset must be deleted from the project, then from the Asset Manager to remove it completely.

 

Filtering and sorting assets

You can select from a number of filtering and sorting options within the Asset Manager.

Filtering assets

Choose what type of assets to display using the filter dropdown in top left of the Asset Manager. You can filter by All Assets, Images, or Documents. By default all asset types are displayed.

Webflow Asset Manager Filter

Sorting assets

Sort your assets by Newest First, Oldest First, or Alphabetical (A-Z or Z-A) in the bottom left corner of the Asset Manager. By default, your assets will be sorted newest to oldest.

Webflow Asset Manager Sorting

View options

Lastly, in the bottom right corner of the Asset Manager you can select how your Assets are displayed. You can choose between Grid, List, or Small List. By default, assets are sorted using the Grid view.

Webflow Asset Manager Views