AssetsCreating & Retrieving Asset Folders

Create an Asset folder

webflow.createAssetFolder(name, parentFolderId)

Creates a folder in the Assets panel, which can also be nested within an existing folder for better organization.

Syntax

createAssetFolder(name: string, parentFolderId?: string): Promise<AssetFolder>

Parameters

  • name: string - The display name of the new folder
  • parentFolderId: string - (optional) - The ID of the desired parent folder. Get existing folder IDs from webflow.getAllAssetFolders()

Returns

Return Value

A Promise resolving to an AssetFolder object.

Example

// Get All Asset Folders
    const folders = await webflow.getAllAssetFolders()
    const parentFolderName = "My Parent Folder Name"
    // Find Parent Folder by Name
    if (parentFolderName && parentFolderName !== '') {
      const parentFolder = await Promise.all(
        folders.map(async (folder) => {
          const folderName = await folder.getName()
          if (folderName === parentFolderName) {
            return folder
          }
          return null
        }),
      ).then((results) => results.find((folder) => folder !== null))
      // Create Asset Folder with parent folder
      if (parentFolder) {
        const newFolder = await webflow.createAssetFolder(name, parentFolder.id)
        console.log(newFolder)
      }
    } else {
      // Crate Asset Folder
      const newFolder = await webflow.createAssetFolder(name)
      console.log(newFolder)
    }

Designer Ability

Designer AbilityLocaleBranchWorkflowSitemode
canManageAssetsAnyAnyAnyAny