Turn Asana into a Windows desktop app

   |    |  
 Filed under:   Best practices

Once Asana becomes a major part of your workflow, you need to check it many times throughout the day. It can be frustrating to have to switch between browser tabs or reopen windows every time you want to see what’s new in your Asana Inbox.

Asana doesn’t make a native desktop app for Windows, but with some clever McGyver-ing we can make an Asana app that lives right in your Windows 10 taskbar. Here are two methods to turn the web app into a Windows desktop app.

The first method is for users of the Chrome browser, and it utilizes an extension called Applicationize. The second uses a free app called Nativefier and is a little more complicated than just downloading a program, but it’s worth the effort if you’re not using Chrome.

Method 1: How to use Applicationize to create an Asana desktop app

  1. Create Chrome extension using Applicationize. Add https://app.asana.com to the field for Web App URL.
  2. Click on advanced options. Add a custom icon and you can name the app “Asana.” For “Would you like external links to open internally as popups?” toggle to Yes.
  3. Click the button “Generate & Download Chrome Extension.”
  4. Install the extension. Copy & paste the following into your Chrome toolbar:chrome://extensionsThen drag and drop the Chrome Extension to the Extensions page to install it. Make sure you drag the file from the Windows Explorer and not from the Chrome downloads bar (which won’t work).
  5. Pin your new app to the taskbar. This is optional but recommended for easy access! The Asana web app is now available via the Chrome app launcher. Pin it to the system taskbar.

Method 2: How to use Nativefier to create an Asana desktop app

  1. Download Node.js®. This is required for Nativefier to work. Click on the Windows Installer link to download and then install. Node.js is a JavaScript runtime used by programmers to build scalable network applications. If that doesn’t mean anything to you, stop thinking and just do it. You can just use the default settings.
  2. Restart your PC.
  3. Open the Node.js command prompt and install Nativefier. Copy & paste the following to install and press enter: npm install nativefier -g If you need more help, visit Getting Started with Nativefier.
  4. Create wrapper for Asana web app. Once Nativefier is installed, copy & paste the following into the Node.js command prompt and press enter: nativefier --name "Asana" "https://app.asana.com"
  5. Pin your new app to the taskbar. This is optional but recommended for easy access!

This method doesn’t seem to currently work with OAuth. This means if your Asana Premium administrator enforces logins through Google, you won’t be able to use this. This could also cause issues with the attachment functionality of Asana, in which case you might need to use Asana in your browser temporarily.

There you go…a fancy desktop app for Asana!

If you’re a Mac user, make sure you check out our article on turning Asana into a native Mac app!

Start typing and press Enter to search