This is an example Webflow Designer extension written in TypeScript to get you started. Check out our documentation for in-depth information about Designer Extension features and API.
$ npm run dev
The above command does a few things:
src/
folder and recompiles your TypeScript files, outputting an index.js
file under the public/
folderpublic/
The command outputs the URL under which your extension is being served. Use this as the “Development URL” for your app in the Webflow Designer’s Apps panel. You can then launch the extension from the same place.
$ npm run build
This will take the contents of the ./public
folder and prepare a bundle.zip
file ready for you to upload as a Designer extension for your App.