Asana and Figma
Asana provides clarity to help orchestrate your organization’s work, from strategic tasks to daily initiatives.
With Asana you can:
- Plan the work that needs to get done with tasks, milestones, and goals.
- Align your team on the most important work and how it ladders up.
- Determine who is responsible for what and when its due.
- Understand and report on how your progress is tracking towards your plan.
Embed Figma files directly into Asana to give teams all the context they need to gain clarity and execute on the work.
This functionality is available as part of Asana’s Project Brief feature.
Embed a file in Asana
Teams use Figma to create user flows, wireframes, UI mocks, prototypes, and more. You can embed these files in Asana, so everyone on your team can reference your designs in the context of your related project work. Unlike static screenshots, live embeds update in real time to reflect changes made in a file.
In Figma
- Open the file you want to embed in your Project Brief.
- To link to a specific frame in the Figma file, select the frame.
- Click the Share button in the toolbar.
- Check the box to Link to selected frame (Optional).
- Update your link sharing permissions to determine who can view and interact with the file embed (Optional).
- Click Copy link when you're ready to embed the file.
In Asana
- Open the project where you'd like to embed a Figma file.
- Go to the Overview tab.
- In the Key Resources section, click Create a Project Brief. If there's already a Project Brief, click anywhere on the title.
- When the Brief opens, click Edit in the top right.
- Click the place in the Brief you'd like to embed.
- Paste in the Figma link and a preview will expand below it.
- You can also click the
+
icon to the left of the line you're on and choose Insert Media. Paste the Figma link into the box and click Embed link.
Learn more about interacting with embedded Figma files →
Remove a Figma file
To remove a Figma file from your project, remove the file link from the Project Brief.
- Open the project you'd like to remove the file from.
- Go to the Overview tab.
- Open the Project Brief you want to remove the file from.
- Click Edit near the top right corner.
- Select and delete the link for the Figma file.
- Click Done to apply your changes.
Learn more about this partnership in Asana’s app directory →