Asana App UI Screens & UX Flows Reference | UXMagic

Features
Libraries
Community
Pricing
Affiliate
Resources

Libraries

Resources

Follow us on:

Follow us on Slack
Follow us on Twitter
Follow us on Linkedin
Follow us on Youtube
Follow us on Instagram

Mobile App Templates/ Asana

Asana

ios

Account from Download flow

View All screens in this flow

Asana – Account from Download flow – Screen 1

Asana – Account from Download flow – Screen 2

Account options from Account

Asana – Account options from Account – Screen 1

Adding attachment from Creating a new task

Asana – Adding attachment from Creating a new task – Screen 1

Asana – Adding attachment from Creating a new task – Screen 2

Asana – Adding attachment from Creating a new task – Screen 3

Asana – Adding attachment from Creating a new task – Screen 4

Asana – Adding attachment from Creating a new task – Screen 5

Asana – Adding attachment from Creating a new task – Screen 6

Adding task description from Creating a new task

Asana – Adding task description from Creating a new task – Screen 1

Asana – Adding task description from Creating a new task – Screen 2

Asana – Adding task description from Creating a new task – Screen 3

Adding work to portfolio from Creating a new portfolio

Asana – Adding work to portfolio from Creating a new portfolio – Screen 1

Asana – Adding work to portfolio from Creating a new portfolio – Screen 2

Asana – Adding work to portfolio from Creating a new portfolio – Screen 3

Asana – Adding work to portfolio from Creating a new portfolio – Screen 4

Asana – Adding work to portfolio from Creating a new portfolio – Screen 5

Archiving a project from Project options

Asana – Archiving a project from Project options – Screen 1

Asana – Archiving a project from Project options – Screen 2

Changing task priority from Creating a new task

Asana – Changing task priority from Creating a new task – Screen 1

Asana – Changing task priority from Creating a new task – Screen 2

Asana – Changing task priority from Creating a new task – Screen 3

Changing task status from Creating a new task

Asana – Changing task status from Creating a new task – Screen 1

Asana – Changing task status from Creating a new task – Screen 2

Asana – Changing task status from Creating a new task – Screen 3

Asana – Changing task status from Creating a new task – Screen 4

Commenting on a goal from Sorting goals

Asana – Commenting on a goal from Sorting goals – Screen 1

Asana – Commenting on a goal from Sorting goals – Screen 2

Asana – Commenting on a goal from Sorting goals – Screen 3

Contact support from Account

Asana – Contact support from Account – Screen 1

Asana – Contact support from Account – Screen 2

Copying link from Task options

Asana – Copying link from Task options – Screen 1

Asana – Copying link from Task options – Screen 2

Creating a new message from Messages

Asana – Creating a new message from Messages – Screen 1

Asana – Creating a new message from Messages – Screen 2

Asana – Creating a new message from Messages – Screen 3

Asana – Creating a new message from Messages – Screen 4

Asana – Creating a new message from Messages – Screen 5

Asana – Creating a new message from Messages – Screen 6

Asana – Creating a new message from Messages – Screen 7

Asana – Creating a new message from Messages – Screen 8

Creating a new portfolio from Portfolios

Asana – Creating a new portfolio from Portfolios – Screen 1

Asana – Creating a new portfolio from Portfolios – Screen 2

Asana – Creating a new portfolio from Portfolios – Screen 3

Creating a new project from Projects

Asana – Creating a new project from Projects – Screen 1

Asana – Creating a new project from Projects – Screen 2

Asana – Creating a new project from Projects – Screen 3

Asana – Creating a new project from Projects – Screen 4

Asana – Creating a new project from Projects – Screen 5

Asana – Creating a new project from Projects – Screen 6

Creating a new task from My tasks

Asana – Creating a new task from My tasks – Screen 1

Asana – Creating a new task from My tasks – Screen 2

Asana – Creating a new task from My tasks – Screen 3

Asana – Creating a new task from My tasks – Screen 4

Asana – Creating a new task from My tasks – Screen 5

Asana – Creating a new task from My tasks – Screen 6

Asana – Creating a new task from My tasks – Screen 7

Asana – Creating a new task from My tasks – Screen 8

Asana – Creating a new task from My tasks – Screen 9

Creating a subtask from Task options

Asana – Creating a subtask from Task options – Screen 1

Asana – Creating a subtask from Task options – Screen 2

Creating a team from Teams

Asana – Creating a team from Teams – Screen 1

Asana – Creating a team from Teams – Screen 2

Asana – Creating a team from Teams – Screen 3

Asana – Creating a team from Teams – Screen 4

Asana – Creating a team from Teams – Screen 5

Asana – Creating a team from Teams – Screen 6

Asana – Creating a team from Teams – Screen 7

Creating follow up task from Task options

Asana – Creating follow up task from Task options – Screen 1

Customizing home from Home

Asana – Customizing home from Home – Screen 1

Asana – Customizing home from Home – Screen 2

Asana – Customizing home from Home – Screen 3

Asana – Customizing home from Home – Screen 4

Asana – Customizing home from Home – Screen 5

Customizing push notifications from Account

Asana – Customizing push notifications from Account – Screen 1

Asana – Customizing push notifications from Account – Screen 2

Deleting a project from Project options

Asana – Deleting a project from Project options – Screen 1

Deleting comment from Commenting on a goal

Asana – Deleting comment from Commenting on a goal – Screen 1

Asana – Deleting comment from Commenting on a goal – Screen 2

Asana – Deleting comment from Commenting on a goal – Screen 3

Deleting task from Task options

Asana – Deleting task from Task options – Screen 1

Editing a project from Project options

Asana – Editing a project from Project options – Screen 1

Asana – Editing a project from Project options – Screen 2

Asana – Editing a project from Project options – Screen 3

Asana – Editing a project from Project options – Screen 4

Asana – Editing a project from Project options – Screen 5

Editing profile from Account options

Editing section name from View project as list

Asana – Editing section name from View project as list – Screen 1

Asana – Editing section name from View project as list – Screen 2

Asana – Editing section name from View project as list – Screen 3

Asana – Editing section name from View project as list – Screen 4

Asana – Editing section name from View project as list – Screen 5

Goal detail from Goals

Asana – Goal detail from Goals – Screen 1

Asana – Goal detail from Goals – Screen 2

Goals from Home

Asana – Goals from Home – Screen 1

Asana – Goals from Home – Screen 2

Asana – Goals from Home – Screen 3

Asana – Goals from Home – Screen 4

Asana – Goals from Home – Screen 5

Help center from Account

Asana – Help center from Account – Screen 1

Home from Download flow

Asana – Home from Download flow – Screen 1

Asana – Home from Download flow – Screen 2

Asana – Home from Download flow – Screen 3

Asana – Home from Download flow – Screen 4

Asana – Home from Download flow – Screen 5

Liking a task from Creating a new task

Asana – Liking a task from Creating a new task – Screen 1

Asana – Liking a task from Creating a new task – Screen 2

Logging in from Logging out

Asana – Logging in from Logging out – Screen 1

Asana – Logging in from Logging out – Screen 2

Manage access permissions from Project options

Asana – Manage access permissions from Project options – Screen 1

Managing projects from Task options

Asana – Managing projects from Task options – Screen 1

Asana – Managing projects from Task options – Screen 2

Asana – Managing projects from Task options – Screen 3

Marking a project as starred from Project options

Asana – Marking a project as starred from Project options – Screen 1

Marking task as approval from Task options

Asana – Marking task as approval from Task options – Screen 1

Marking task as complete from Creating a new task

Asana – Marking task as complete from Creating a new task – Screen 1

Asana – Marking task as complete from Creating a new task – Screen 2

Marking task as done from My tasks

Asana – Marking task as done from My tasks – Screen 1

Asana – Marking task as done from My tasks – Screen 2

Asana – Marking task as done from My tasks – Screen 3

Marking task as milestone from Task options

Asana – Marking task as milestone from Task options – Screen 1

Messages from Project options

Asana – Messages from Project options – Screen 1

My tasks from Download flow

Asana – My tasks from Download flow – Screen 1

Onboarding from Save

Asana – Onboarding from Save – Screen 1

Asana – Onboarding from Save – Screen 2

Asana – Onboarding from Save – Screen 3

Asana – Onboarding from Save – Screen 4

Asana – Onboarding from Save – Screen 5

Asana – Onboarding from Save – Screen 6

Asana – Onboarding from Save – Screen 7

Asana – Onboarding from Save – Screen 8

Asana – Onboarding from Save – Screen 9

Asana – Onboarding from Save – Screen 10

Asana – Onboarding from Save – Screen 11

Asana – Onboarding from Save – Screen 12

Asana – Onboarding from Save – Screen 13

Asana – Onboarding from Save – Screen 14

Asana – Onboarding from Save – Screen 15

Asana – Onboarding from Save – Screen 16

Asana – Onboarding from Save – Screen 17

Asana – Onboarding from Save – Screen 18

Asana – Onboarding from Save – Screen 19

Asana – Onboarding from Save – Screen 20

Asana – Onboarding from Save – Screen 21

Asana – Onboarding from Save – Screen 22

Asana – Onboarding from Save – Screen 23

Asana – Onboarding from Save – Screen 24

Pinning to top from Commenting on a goal

Asana – Pinning to top from Commenting on a goal – Screen 1

Portfolios from Home

Asana – Portfolios from Home – Screen 1

Asana – Portfolios from Home – Screen 2

Privacy policy from Account

Asana – Privacy policy from Account – Screen 1

Project options from View project

Asana – Project options from View project – Screen 1

Project overview from Project options

Asana – Project overview from Project options – Screen 1

Asana – Project overview from Project options – Screen 2

Asana – Project overview from Project options – Screen 3

Quick filtering search from Searching Asana

Asana – Quick filtering search from Searching Asana – Screen 1

Asana – Quick filtering search from Searching Asana – Screen 2

Asana – Quick filtering search from Searching Asana – Screen 3

Asana – Quick filtering search from Searching Asana – Screen 4

Reordering task from View project as list

Asana – Reordering task from View project as list – Screen 1

Asana – Reordering task from View project as list – Screen 2

Asana – Reordering task from View project as list – Screen 3

Requesting to join a team from Teams

Asana – Requesting to join a team from Teams – Screen 1

Asana – Requesting to join a team from Teams – Screen 2

Searching Asana from Download flow

Asana – Searching Asana from Download flow – Screen 1

Sending a sticker from Commenting on a goal

Asana – Sending a sticker from Commenting on a goal – Screen 1

Asana – Sending a sticker from Commenting on a goal – Screen 2

Setting task status from My tasks

Asana – Setting task status from My tasks – Screen 1

Asana – Setting task status from My tasks – Screen 2

Asana – Setting task status from My tasks – Screen 3

Asana – Setting task status from My tasks – Screen 4

Setting up days off from Setting up do not disturb

Asana – Setting up days off from Setting up do not disturb – Screen 1

Asana – Setting up days off from Setting up do not disturb – Screen 2

Asana – Setting up days off from Setting up do not disturb – Screen 3

Setting up schedule from Setting up do not disturb

Asana – Setting up schedule from Setting up do not disturb – Screen 1

Asana – Setting up schedule from Setting up do not disturb – Screen 2

Asana – Setting up schedule from Setting up do not disturb – Screen 3

Asana – Setting up schedule from Setting up do not disturb – Screen 4

Asana – Setting up schedule from Setting up do not disturb – Screen 5

Share task from Task options

Asana – Share task from Task options – Screen 1

Showing as away from Editing profile

Sorting goals from Goal detail

Asana – Sorting goals from Goal detail – Screen 1

Asana – Sorting goals from Goal detail – Screen 2

Asana – Sorting goals from Goal detail – Screen 3

Summarizing task from Task options

Asana – Summarizing task from Task options – Screen 1

Asana – Summarizing task from Task options – Screen 2

Switching workspace from Account

Asana – Switching workspace from Account – Screen 1

Asana – Switching workspace from Account – Screen 2

Task options from Creating a new task

Asana – Task options from Creating a new task – Screen 1

Teams from Home

Asana – Teams from Home – Screen 1

Terms of service from Account

Asana – Terms of service from Account – Screen 1

View project as board from Project options

Asana – View project as board from Project options – Screen 1

Asana – View project as board from Project options – Screen 2

Asana – View project as board from Project options – Screen 3

Asana – View project as board from Project options – Screen 4

View project as list from Project options

Asana – View project as list from Project options – Screen 1

Asana – View project as list from Project options – Screen 2

Asana – View project as list from Project options – Screen 3

View project from Home

Asana – View project from Home – Screen 1

your next idea
deserves to exist

stop thinking about it. just type it out. Badly, half- formed, whatever. We'll turn it into something real.

Product

Community
Pricing Plans
Affiliate Program
UXMagic MCP
Claude MCP
AI info

Resources

Help Center
Figma Library
React Library
Mobile App Templates
Documentation
Tutorials

Features

Prompt to UI
Image to UI
Sketch to UI
Clone website
Import from Figma
AI Wireframe Generator
AI Mockup Generator
AI Prototype Generator
AI Dashboard Generator
All Features

Compare

vs UX Pilot
vs Relume
vs MagicPath
vs Magic Patterns
vs Banani
vs Galileo AI
vs v0
vs Lovable
vs Base44
All Competitors

Blogs

AI in UX Design Workflow: What Actually Works
Prompt Templates for SaaS Dashboards
Real Prompts We Use to Generate Product Flows
Prompt Engineering for UX Designers
Best Wireframing Tools in 2026: 10 Free & Pro Options Compared
All Blogs

Company & Support

Careers
Contact Us
Privacy Policy
Terms of Use
Cookie Settings

Follow us on Slack
Follow us on Twitter
Follow us on Linkedin
Follow us on Youtube
Follow us on Instagram

© 2026 UXMagic AI Technologies Inc.

Explore Asana flows

Each flow walks through one task in Asana, screen by screen.

Creating a new task from My tasks9 screens
Creating a new message from Messages8 screens
Editing profile from Account options8 screens
Creating a team from Teams7 screens
Adding attachment from Creating a new task6 screens
Creating a new project from Projects6 screens
Adding work to portfolio from Creating a new portfolio5 screens
Editing a project from Project options5 screens
Editing section name from View project as list5 screens
Setting up schedule from Setting up do not disturb5 screens
Changing task status from Creating a new task4 screens
Onboarding from Save24 screens

More flows

Setting task status from My tasks4 screens
Adding task description from Creating a new task3 screens
Changing task priority from Creating a new task3 screens
Creating a new portfolio from Portfolios3 screens
Deleting comment from Commenting on a goal3 screens

Managing projects from Task options

3 screens

Setting up days off from Setting up do not disturb3 screens

Creating a subtask from Task options2 screens

Requesting to join a team from Teams2 screens

Sending a sticker from Commenting on a goal2 screens

Switching workspace from Account2 screens

Customizing home from Home5 screens

Goals from Home5 screens

Home from Download flow5 screens

Showing as away from Editing profile5 screens

Quick filtering search from Searching Asana4 screens

View project as board from Project options4 screens

Account from Download flow2 screens

Commenting on a goal from Sorting goals3 screens

Marking task as done from My tasks3 screens

Project overview from Project options3 screens

Reordering task from View project as list3 screens

Sorting goals from Goal detail3 screens

View project as list from Project options3 screens

Archiving a project from Project options2 screens

Contact support from Account2 screens

Copying link from Task options2 screens

Customizing push notifications from Account2 screens

Goal detail from Goals2 screens

Liking a task from Creating a new task2 screens

Logging in from Logging out2 screens

Marking task as complete from Creating a new task2 screens

Portfolios from Home2 screens

Summarizing task from Task options2 screens