← Back to home

Installation Guide

Get Asana Essentials running in your browser

Requirements

🌐

Modern Browser

Chrome 110+, Firefox 109+, Edge 110+, or Safari 16.4+

📋

Asana Account

Any plan — Free, Premium, Business, or Enterprise

👥

Project with Tasks

At least one project with assigned tasks

Choose your browser

1

Download the extension

Go to the Releases page and download chrome-mv3-prod.zip

2

Unzip the file

Extract the zip to a folder on your computer. Remember where you put it.

3

Open Extensions page

Navigate to chrome://extensions and enable Developer mode (top-right toggle).

4

Load the extension

Click Load unpacked and select the unzipped folder.

5

Open Asana

Navigate to any Asana project. The standup widget appears in the toolbar. Click 🏃 Start Standup to begin.

Tip: Pin the extension to your toolbar by clicking the puzzle icon → pin icon next to Asana Essentials.
1

Download the extension

Go to the Releases page and download edge-mv3-prod.zip

2

Unzip the file

Extract the zip to a permanent folder on your computer.

3

Open Extensions page

Navigate to edge://extensions and enable Developer mode (bottom-left toggle).

4

Load the extension

Click Load unpacked and select the unzipped folder.

5

Open Asana

Navigate to any Asana project and start your standup.

Note: Edge Add-ons store publishing is in progress. Once available, you'll be able to install directly from the store without developer mode.
1

Download the extension

Go to the Releases page and download firefox-mv3-prod.zip

2

Open Add-ons Debugging

Navigate to about:debugging#/runtime/this-firefox

3

Load temporary add-on

Click Load Temporary Add-on and select the zip file (no need to unzip).

4

Open Asana

Navigate to any Asana project and start your standup.

Note: Temporary add-ons are removed when Firefox restarts. For persistent installation, the extension will be available on Firefox Add-ons (AMO) once published.
1

Enable Developer menu

Open Safari → Settings → Advanced → check "Show features for web developers"

2

Allow unsigned extensions

In the menu bar: Develop → Allow Unsigned Extensions (requires admin password).

3

Build the Safari target

Clone the repo and run npm run build:safari. Then convert with xcrun safari-web-extension-converter.

4

Enable in Safari

Go to Safari → Settings → Extensions and enable Asana Essentials.

Note: Safari support requires Xcode and macOS. App Store publishing is planned for a future release.
1

Clone the repository

git clone https://github.com/yogeshraja/asana-essentials.git

2

Install dependencies

cd asana-essentials && npm install

3

Start dev server

npm run dev — starts Plasmo with hot-reload.

4

Load in browser

Open chrome://extensions, enable Developer mode, click Load unpacked, select build/chrome-mv3-dev.

5

Make changes

Edit files in src/ — the dev server rebuilds automatically. Refresh the Asana tab to see changes.

Requires: Node.js 20+ and npm 9+. See CONTRIBUTING.md for full development setup.

Troubleshooting

Widget doesn't appear

Make sure you're on a project page (URL contains /0/ followed by a number). The widget only shows when Asana's toolbar is detected. Try refreshing the page.

No members loaded

The project needs at least one task assigned to a member. Unassigned tasks are not included in the speaker queue.

Extension icon is greyed out

The extension only activates on app.asana.com. Navigate to Asana and the icon will become active.

Still having issues?

Open the browser console (F12), filter by [Asana Essentials], and file an issue with the log output.