الصفحة الرئيسية لـ UXMagic

English
Español
हिन्दी
Bahasa Indonesia
Tiếng Việt
Português
Русский
中文
العربية
Deutsch
Français

المزايا
المكتبات
القوالب
الأسعار
التسويق بالعمولة
الموارد

الصفحة الرئيسية لـ UXMagic

English
Español
हिन्दी
Bahasa Indonesia
Tiếng Việt
Português
Русский
中文
العربية
Deutsch
Français

الصفحة الرئيسية لـ UXMagic

المكتبات

القوالبجديد

تصاميم المجتمع

التسويق بالعمولة

الموارد

تابعنا على:

تابعنا على Slack
تابعنا على Twitter
تابعنا على LinkedIn
تابعنا على YouTube
تابعنا على Instagram

قوالب تطبيقات الجوال/ Asana

Asana

iOS

About the Asana reference set

The library documents 46 Asana flows for iOS, 190 screens in all.

Each flow is named for the task it captures and the screen it starts from, so the list below doubles as a map of where things sit in the app.

Flows run from 2 to 24 screens, with a typical one at 3.

24 flows are documented as starting points, with nothing else in the set leading into them.

Flows documented: 46 flows
Screens captured: 190 screens
Longest flow: Onboarding 24 screens
Screens flows branch off: Creating a new task 6 flows
Account 3 flows
Home 3 flows
Commenting on a goal 2 flows
View project as list 2 flows
Where the set starts: Onboarding وCreating a new task وCreating a new message وEditing profile وCreating a team وCreating a new project و18 more

Account from Download flow

عرض الكل screens in this flow

Asana (iOS) — Account, screen 1 of 2

Asana (iOS) — Account, screen 2 of 2

Account options from Account

Asana (iOS) — Account options, screen 1 of 1

Adding attachment from Creating a new task

Asana (iOS) — Adding attachment, screen 1 of 6

Asana (iOS) — Adding attachment, screen 2 of 6

Asana (iOS) — Adding attachment, screen 3 of 6

Asana (iOS) — Adding attachment, screen 4 of 6

Asana (iOS) — Adding attachment, screen 5 of 6

Asana (iOS) — Adding attachment, screen 6 of 6

Adding task description from Creating a new task

Asana (iOS) — Adding task description, screen 1 of 3

Asana (iOS) — Adding task description, screen 2 of 3

Asana (iOS) — Adding task description, screen 3 of 3

Adding work to portfolio from Creating a new portfolio

Asana (iOS) — Adding work to portfolio, screen 1 of 5

Asana (iOS) — Adding work to portfolio, screen 2 of 5

Asana (iOS) — Adding work to portfolio, screen 3 of 5

Asana (iOS) — Adding work to portfolio, screen 4 of 5

Asana (iOS) — Adding work to portfolio, screen 5 of 5

Archiving a project from Project options

Asana (iOS) — Archiving a project, screen 1 of 2

Asana (iOS) — Archiving a project, screen 2 of 2

Changing task priority from Creating a new task

Asana (iOS) — Changing task priority, screen 1 of 3

Asana (iOS) — Changing task priority, screen 2 of 3

Asana (iOS) — Changing task priority, screen 3 of 3

Changing task status from Creating a new task

Asana (iOS) — Changing task status, screen 1 of 4

Asana (iOS) — Changing task status, screen 2 of 4

Asana (iOS) — Changing task status, screen 3 of 4

Asana (iOS) — Changing task status, screen 4 of 4

Commenting on a goal from Sorting goals

Asana (iOS) — Commenting on a goal, screen 1 of 3

Asana (iOS) — Commenting on a goal, screen 2 of 3

Asana (iOS) — Commenting on a goal, screen 3 of 3

Contact support from Account

Asana (iOS) — Contact support, screen 1 of 2

Asana (iOS) — Contact support, screen 2 of 2

Copying link from Task options

Asana (iOS) — Copying link, screen 1 of 2

Asana (iOS) — Copying link, screen 2 of 2

Creating a new message from Messages

Asana (iOS) — Creating a new message, screen 1 of 8

Asana (iOS) — Creating a new message, screen 2 of 8

Asana (iOS) — Creating a new message, screen 3 of 8

Asana (iOS) — Creating a new message, screen 4 of 8

Asana (iOS) — Creating a new message, screen 5 of 8

Asana (iOS) — Creating a new message, screen 6 of 8

Asana (iOS) — Creating a new message, screen 7 of 8

Asana (iOS) — Creating a new message, screen 8 of 8

Creating a new portfolio from Portfolios

Asana (iOS) — Creating a new portfolio, screen 1 of 3

Asana (iOS) — Creating a new portfolio, screen 2 of 3

Asana (iOS) — Creating a new portfolio, screen 3 of 3

Creating a new project from Projects

Asana (iOS) — Creating a new project, screen 1 of 6

Asana (iOS) — Creating a new project, screen 2 of 6

Asana (iOS) — Creating a new project, screen 3 of 6

Asana (iOS) — Creating a new project, screen 4 of 6

Asana (iOS) — Creating a new project, screen 5 of 6

Asana (iOS) — Creating a new project, screen 6 of 6

Creating a new task from My tasks

Asana (iOS) — Creating a new task, screen 1 of 9

Asana (iOS) — Creating a new task, screen 2 of 9

Asana (iOS) — Creating a new task, screen 3 of 9

Asana (iOS) — Creating a new task, screen 4 of 9

Asana (iOS) — Creating a new task, screen 5 of 9

Asana (iOS) — Creating a new task, screen 6 of 9

Asana (iOS) — Creating a new task, screen 7 of 9

Asana (iOS) — Creating a new task, screen 8 of 9

Asana (iOS) — Creating a new task, screen 9 of 9

Creating a subtask from Task options

Asana (iOS) — Creating a subtask, screen 1 of 2

Asana (iOS) — Creating a subtask, screen 2 of 2

Creating a team from Teams

Asana (iOS) — Creating a team, screen 1 of 7

Asana (iOS) — Creating a team, screen 2 of 7

Asana (iOS) — Creating a team, screen 3 of 7

Asana (iOS) — Creating a team, screen 4 of 7

Asana (iOS) — Creating a team, screen 5 of 7

Asana (iOS) — Creating a team, screen 6 of 7

Asana (iOS) — Creating a team, screen 7 of 7

Creating follow up task from Task options

Asana (iOS) — Creating follow up task, screen 1 of 1

Customizing home from Home

Asana (iOS) — Customizing home, screen 1 of 5

Asana (iOS) — Customizing home, screen 2 of 5

Asana (iOS) — Customizing home, screen 3 of 5

Asana (iOS) — Customizing home, screen 4 of 5

Asana (iOS) — Customizing home, screen 5 of 5

Customizing push notifications from Account

Asana (iOS) — Customizing push notifications, screen 1 of 2

Asana (iOS) — Customizing push notifications, screen 2 of 2

Deleting a project from Project options

Asana (iOS) — Deleting a project, screen 1 of 1

Deleting comment from Commenting on a goal

Asana (iOS) — Deleting comment, screen 1 of 3

Asana (iOS) — Deleting comment, screen 2 of 3

Asana (iOS) — Deleting comment, screen 3 of 3

Deleting task from Task options

Asana (iOS) — Deleting task, screen 1 of 1

Editing a project from Project options

Asana (iOS) — Editing a project, screen 1 of 5

Asana (iOS) — Editing a project, screen 2 of 5

Asana (iOS) — Editing a project, screen 3 of 5

Asana (iOS) — Editing a project, screen 4 of 5

Asana (iOS) — Editing a project, screen 5 of 5

Editing profile from Account options

Editing section name from View project as list

Asana (iOS) — Editing section name, screen 1 of 5

Asana (iOS) — Editing section name, screen 2 of 5

Asana (iOS) — Editing section name, screen 3 of 5

Asana (iOS) — Editing section name, screen 4 of 5

Asana (iOS) — Editing section name, screen 5 of 5

Goal detail from Goals

Asana (iOS) — Goal detail, screen 1 of 2

Asana (iOS) — Goal detail, screen 2 of 2

Goals from Home

Asana (iOS) — Goals, screen 1 of 5

Asana (iOS) — Goals, screen 2 of 5

Asana (iOS) — Goals, screen 3 of 5

Asana (iOS) — Goals, screen 4 of 5

Asana (iOS) — Goals, screen 5 of 5

Help center from Account

Asana (iOS) — Help center, screen 1 of 1

Home from Download flow

Asana (iOS) — Home, screen 1 of 5

Asana (iOS) — Home, screen 2 of 5

Asana (iOS) — Home, screen 3 of 5

Asana (iOS) — Home, screen 4 of 5

Asana (iOS) — Home, screen 5 of 5

Liking a task from Creating a new task

Asana (iOS) — Liking a task, screen 1 of 2

Asana (iOS) — Liking a task, screen 2 of 2

Logging in from Logging out

Asana (iOS) — Logging in, screen 1 of 2

Asana (iOS) — Logging in, screen 2 of 2

Manage access permissions from Project options

Asana (iOS) — Manage access permissions, screen 1 of 1

Managing projects from Task options

Asana (iOS) — Managing projects, screen 1 of 3

Asana (iOS) — Managing projects, screen 2 of 3

Asana (iOS) — Managing projects, screen 3 of 3

Marking a project as starred from Project options

Asana (iOS) — Marking a project as starred, screen 1 of 1

Marking task as approval from Task options

Asana (iOS) — Marking task as approval, screen 1 of 1

Marking task as complete from Creating a new task

Asana (iOS) — Marking task as complete, screen 1 of 2

Asana (iOS) — Marking task as complete, screen 2 of 2

Marking task as done from My tasks

Asana (iOS) — Marking task as done, screen 1 of 3

Asana (iOS) — Marking task as done, screen 2 of 3

Asana (iOS) — Marking task as done, screen 3 of 3

Marking task as milestone from Task options

Asana (iOS) — Marking task as milestone, screen 1 of 1

Messages from Project options

Asana (iOS) — Messages, screen 1 of 1

My tasks from Download flow

Asana (iOS) — My tasks, screen 1 of 1

Onboarding from Save

Asana (iOS) — Onboarding, screen 1 of 24

Asana (iOS) — Onboarding, screen 2 of 24

Asana (iOS) — Onboarding, screen 3 of 24

Asana (iOS) — Onboarding, screen 4 of 24

Asana (iOS) — Onboarding, screen 5 of 24

Asana (iOS) — Onboarding, screen 6 of 24

Asana (iOS) — Onboarding, screen 7 of 24

Asana (iOS) — Onboarding, screen 8 of 24

Asana (iOS) — Onboarding, screen 9 of 24

Asana (iOS) — Onboarding, screen 10 of 24

Asana (iOS) — Onboarding, screen 11 of 24

Asana (iOS) — Onboarding, screen 12 of 24

Asana (iOS) — Onboarding, screen 13 of 24

Asana (iOS) — Onboarding, screen 14 of 24

Asana (iOS) — Onboarding, screen 15 of 24

Asana (iOS) — Onboarding, screen 16 of 24

Asana (iOS) — Onboarding, screen 17 of 24

Asana (iOS) — Onboarding, screen 18 of 24

Asana (iOS) — Onboarding, screen 19 of 24

Asana (iOS) — Onboarding, screen 20 of 24

Asana (iOS) — Onboarding, screen 21 of 24

Asana (iOS) — Onboarding, screen 22 of 24

Asana (iOS) — Onboarding, screen 23 of 24

Asana (iOS) — Onboarding, screen 24 of 24

Pinning to top from Commenting on a goal

Asana (iOS) — Pinning to top, screen 1 of 1

Portfolios from Home

Asana (iOS) — Portfolios, screen 1 of 2

Asana (iOS) — Portfolios, screen 2 of 2

Privacy policy from Account

Asana (iOS) — Privacy policy, screen 1 of 1

Project options from View project

Asana (iOS) — Project options, screen 1 of 1

Project overview from Project options

Asana (iOS) — Project overview, screen 1 of 3

Asana (iOS) — Project overview, screen 2 of 3

Asana (iOS) — Project overview, screen 3 of 3

Quick filtering search from Searching Asana

Asana (iOS) — Quick filtering search, screen 1 of 4

Asana (iOS) — Quick filtering search, screen 2 of 4

Asana (iOS) — Quick filtering search, screen 3 of 4

Asana (iOS) — Quick filtering search, screen 4 of 4

Reordering task from View project as list

Asana (iOS) — Reordering task, screen 1 of 3

Asana (iOS) — Reordering task, screen 2 of 3

Asana (iOS) — Reordering task, screen 3 of 3

Requesting to join a team from Teams

Asana (iOS) — Requesting to join a team, screen 1 of 2

Asana (iOS) — Requesting to join a team, screen 2 of 2

Searching Asana from Download flow

Asana (iOS) — Searching Asana, screen 1 of 1

Sending a sticker from Commenting on a goal

Asana (iOS) — Sending a sticker, screen 1 of 2

Asana (iOS) — Sending a sticker, screen 2 of 2

Setting task status from My tasks

Asana (iOS) — Setting task status, screen 1 of 4

Asana (iOS) — Setting task status, screen 2 of 4

Asana (iOS) — Setting task status, screen 3 of 4

Asana (iOS) — Setting task status, screen 4 of 4

Setting up days off from Setting up do not disturb

Asana (iOS) — Setting up days off, screen 1 of 3

Asana (iOS) — Setting up days off, screen 2 of 3

Asana (iOS) — Setting up days off, screen 3 of 3

Setting up schedule from Setting up do not disturb

Asana (iOS) — Setting up schedule, screen 1 of 5

Asana (iOS) — Setting up schedule, screen 2 of 5

Asana (iOS) — Setting up schedule, screen 3 of 5

Asana (iOS) — Setting up schedule, screen 4 of 5

Asana (iOS) — Setting up schedule, screen 5 of 5

Share task from Task options

Asana (iOS) — Share task, screen 1 of 1

Showing as away from Editing profile

Asana (iOS) — Showing as away, screen 1 of 5

Asana (iOS) — Showing as away, screen 2 of 5

Asana (iOS) — Showing as away, screen 3 of 5

Asana (iOS) — Showing as away, screen 4 of 5

Asana (iOS) — Showing as away, screen 5 of 5

Sorting goals from Goal detail

Asana (iOS) — Sorting goals, screen 1 of 3

Asana (iOS) — Sorting goals, screen 2 of 3

Asana (iOS) — Sorting goals, screen 3 of 3

Summarizing task from Task options

Asana (iOS) — Summarizing task, screen 1 of 2

Asana (iOS) — Summarizing task, screen 2 of 2

Switching workspace from Account

Asana (iOS) — Switching workspace, screen 1 of 2

Asana (iOS) — Switching workspace, screen 2 of 2

Task options from Creating a new task

Asana (iOS) — Task options, screen 1 of 1

Teams from Home

Asana (iOS) — Teams, screen 1 of 1

Terms of service from Account

Asana (iOS) — Terms of service, screen 1 of 1

View project as board from Project options

Asana (iOS) — View project as board, screen 1 of 4

Asana (iOS) — View project as board, screen 2 of 4

Asana (iOS) — View project as board, screen 3 of 4

Asana (iOS) — View project as board, screen 4 of 4

View project as list from Project options

Asana (iOS) — View project as list, screen 1 of 3

Asana (iOS) — View project as list, screen 2 of 3

Asana (iOS) — View project as list, screen 3 of 3

View project from Home

Asana (iOS) — View project, screen 1 of 1

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 options3 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

فكرتك القادمة
تستحق أن ترى النور

توقف عن التفكير فيها واكتبها فحسب. حتى لو كانت ناقصة أو غير مكتملة، لا يهم. سنحوّلها إلى شيء حقيقي.

المنتج

القوالب
المجتمع
خطط الأسعار
برنامج العمولة
UXMagic MCP
Claude MCP
معلومات الذكاء الاصطناعي

الموارد

مركز المساعدة
مكتبة Figma
مكتبة React
قوالب تطبيقات الجوال
التوثيق
الدروس التعليمية

المزايا

من أمر إلى واجهة
من صورة إلى واجهة
من رسم إلى واجهة
استنساخ موقع
استيراد من Figma
AI Wireframe Generator
AI Mockup Generator
AI Prototype Generator
AI Dashboard Generator
كل المزايا

قارن

مقارنة مع UX Pilot
مقارنة مع Relume
مقارنة مع MagicPath
مقارنة مع Magic Patterns
مقارنة مع Banani
مقارنة مع Galileo AI
vs v0
vs Lovable
vs Base44
كل المنافسين

المدونات

الذكاء الاصطناعي في سير عمل تصميم تجربة المستخدم: ما الذي ينجح فعلًا
قوالب أوامر جاهزة للوحات تحكم SaaS
أوامر حقيقية نستخدمها لإنشاء تدفقات المنتجات
هندسة الأوامر لمصممي تجربة المستخدم
أفضل أدوات المخططات الهيكلية في 2026: مقارنة بين 10 خيارات مجانية واحترافية
كل المدونات

الشركة والدعم

الوظائف
تواصل معنا
سياسة الخصوصية
شروط الاستخدام
إعدادات ملفات تعريف الارتباط

تابعنا على Slack
تابعنا على Twitter
تابعنا على LinkedIn
تابعنا على YouTube
تابعنا على Instagram

© 2026 UXMagic AI Technologies Inc.

Asana App UI Screens & UX Flows Reference | UXMagic