For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferenceGuidesExamplesChangelog
ReferenceGuidesExamplesChangelog
  • Designer API
    • Introduction
    • Getting Started
    • Webflow CLI
    • Error Handling
    • App Modes
  • Elements
    • Creating & Retrieving Elements
    • Element Properties & Methods
    • Element Types & Methods
  • Styles
    • Managing Style Properties
    • Managing Variable Modes
  • Components
  • Variables & Collections
    • Variable Collections
    • Variables
    • Variable Modes
  • Assets
      • Get all Asset folders
      • Create an Asset folder
      • Get Asset folder name
  • Pages & Folders
  • Utilities
    • User Events & Notifications
    • App Intents & Connections
  • Additional Resources
    • API Playground
    • FAQs
LogoLogo
Resources
Get started
On this page
  • webflow.createAssetFolder(name, parentFolderId)
AssetsCreating & Retrieving Asset Folders

Create an Asset folder

Was this page helpful?
Previous

Get Asset folder name

Next
Built with

webflow.createAssetFolder(name, parentFolderId)

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

Syntax

1createAssetFolder(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

1// Get All Asset Folders
2 const folders = await webflow.getAllAssetFolders()
3
4 const parentFolderName = "My Parent Folder Name"
5
6 // Find Parent Folder by Name
7 if (parentFolderName && parentFolderName !== '') {
8 const parentFolder = await Promise.all(
9 folders.map(async (folder) => {
10 const folderName = await folder.getName()
11 if (folderName === parentFolderName) {
12 return folder
13 }
14 return null
15 }),
16 ).then((results) => results.find((folder) => folder !== null))
17
18 // Create Asset Folder with parent folder
19 if (parentFolder) {
20 const newFolder = await webflow.createAssetFolder(name, parentFolder.id)
21 console.log(newFolder)
22 }
23 } else {
24 // Crate Asset Folder
25 const newFolder = await webflow.createAssetFolder(name)
26 console.log(newFolder)
27 }

Try this example

Designer Ability

Designer AbilityLocaleBranchWorkflowSitemode
canManageAssetsAnyAnyAnyAny