This is an example Webflow Designer extension written in TypeScript that inserts a text emoji into an element selected within the Designer. Check out our documentation for in-depth information about Designer Extension features and API.
$ npm run dev
The above command does a few things:
- Installs dependencies
- Watches for changes in the
src/
folder and recompiles your TypeScript files, outputting anindex.js
file under thepublic/
folder - Spins up a process that serves your extension files from under
public/
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.