We're proud to be recognized as a Leader in the 2024 Gartner®️ Magic Quadrant™️ for Collaborative Work ManagementGet the report

arrow-left iconBrowse appsInVisionAsana Integration

InVision + Asana

Connect your design and development workflows with Asana and InVision.

Install Asana for InVision
Platform PartnerStrategicPremier

Included in

Install Asana for InVision

What is InVision?

InVision is the transformative collaboration platform for all the work you do. Its flagship product, Freehand, is a collaborative canvas that makes work more connected, creative, inclusive, and impactful. InVision is the place for teams of all kinds to come together, get organized, meet, brainstorm, and push work forward.

alt text

alt text

Why InVision + Asana?

Product design and development isn’t an assembly line. It’s a fluid process that requires feedback, buy-in, testing, and revision after revision. That’s why it’s so important to have the full context on a design and real-time access to the very latest version.

The Asana add-on for Freehand brings Asana's flexible project planning into Freehand's infinite canvas. Run more inclusive and collaborative planning sessions and manage projects across your brand, design, operations, events, and marketing teams.

Freehand also seamlessly integrates with Asana to help maximize time management and reduce task switching. Collaborate with your team in Freehand, then embed the Freehand into an Asana project brief to give your team full context and access to the most up-to-date information.

alt text

How to connect InVision + Asana

Embed a Freehand in an Asana project brief, import tasks and milestones into Freehand, and create Asana tasks from sticky notes and cards right from your Freehand canvas.

Embed a Freehand to Asana tasks:

  1. Open the InVision file and copy the URL
  2. In Asana, open the project where you'd like to embed an InVision file
  3. Go to the “Overview” tab
  4. In the “Key Resources” section, click “Create project brief” (if there's already a project brief, click anywhere on the title)
  5. When the project brief opens, click “Edit” on the top right
  6. Click on the place in the project brief you'd like to embed
  7. Paste in the InVision URL and a preview will expand below it
  8. Alternatively, click the “+ icon” to the left side of the line you're on and choose “Other Media”
  9. Paste the share URL into the box and click “Embed” link

Import Asana tasks and milestones into Freehand:

  1. Sign in to InVision and open your Freehand.
  2. On the bottom toolbar, click More ••• and select Asana. The Asana modal appears.
  3. Click Authorize. A new window opens.
  4. Sign in to Asana.
  5. Click Allow.

You'll now select your Asana workspace and project.

  1. Click Workspace and choose your workspace. If your workspace contains a lot of projects, the add-on may load for several seconds before you can continue.
  2. Click Project and choose your project.
  3. Click Continue. All the tasks in your chosen project appear in the Asana modal.

Create Asana tasks from sticky notes and cards in Freehand

To create a new Asana task from sticky notes or cards in Freehand:

  1. Click a sticky note or a card in your freehand. A contextual menu opens above the item.
  2. Click More ••• and select Convert to Asana. The Asana modal appears.
  3. Review the selected workspace and project. If you wish to change either, do so now.
  4. Click Resource type and select the desired type.
  5. Click Continue.
  6. Complete the Assignee, Start Date, and Due Date fields, if desired.
  7. Click Create Work Item.
  8. The sticky note or card is now an Asana card. Any changes you make to the task in Asana will be reflected live on the card in Freehand.

To open the task in Asana, click the Asana logo in the bottom right of the card.

Switch to a different workspace and project

Every time you open the Asana add-on, it defaults to the workspace and project you last chose. You can switch the workspace and project at any time.

To switch to a different workspace and project:

  1. In the Asana add-on modal, next to the current project name, click Change.
  2. Select a new workspace and project.
  3. Click Continue.

Learn more and get support

To learn more about using the InVision + Asana integrations, visit InVision’s support guide.

If you have questions, feedback, or need support, contact the InVision support team.

Collaborate effortlessly with Asana

From the small stuff to the big picture, Asana organizes work so teams know what to do, why it matters, and how to get it done. It’s free to get started, simple to use, and powerful enough to run your entire business. Learn more about Asana today.

Asana works with the tools you already use