# App Components: A new way to build more focus and flow

> Today, we are launching App Components in beta to make it easier for developers to keep tools and workflows connected.

Source: https://asana.com/inside-asana/app-components

## App Components: A new way to build more focus and flow

Complex workflows rarely involve just one tool. In today’s distributed work environment, teams switch between [10 apps 25 times](https://asana.com/resources/anatomy-of-work) per day to stay connected. However, tool overload leads to too much context switching, which fragments communication and reduces efficiency.

Integrations play a key role in making workflows more productive. According to the IDC 2021 Annual Collaboration Survey, companies that save 20-40 hours per week per person use an average of 4.2 integrations.

Today, we are launching [App Components](https://developers.asana.com/docs) in beta to make it easier for developers to keep tools and workflows connected. App Components empower you to build apps that can be installed and used right in the Asana UI on tasks and rules, enabling users to stay in their flow without needing to switch between tools.

This complements our [REST API](https://developers.asana.com/docs) and [webhooks](https://developers.asana.com/docs/webhooks), providing more ways for you to build valuable, meaningful integrations—whether it’s to establish your app’s adoption on Asana’s platform, create customized experiences, or extend your company’s tooling.

## Improve integrations with App Components

App Components is a modular framework that offers the following developer capabilities: Widgets, Modal Forms, Lookups, and Rule Actions.

[Widgets](https://developers.asana.com/docs/widget) allow you to build dynamic custom display cards for tasks, enabling users to see information from other tools they use—such as meeting information, files, or issues—right in Asana.

With [Modal Forms](https://developers.asana.com/docs/modal-forms), you can add functionality to apps that allow users to create new resources from Asana. [Lookups](https://developers.asana.com/docs/lookups) provide the ability to find and attach resources from other tools within Asana. When a user creates a new resource or attaches it, it’ll appear as a Widget within tasks.

With [Rule Actions](https://developers.asana.com/docs/rule-actions), you can create a custom action for [Asana Rules](https://asana.com/guide/help/premium/rules) to help users automate their work across tools. For example, you can automatically trigger a custom action in another app when a task is completed, such as sending an email or creating a new issue.

Also, our updated developer [console](https://app.asana.com/0/my-apps) will make it easier for you to build apps with App Components and publish them in Asana’s in-product app gallery.

## New apps for the Asana UI

As part of the App Components launch, several [Asana Partners](https://asana.com/partners/tech) built and deployed new apps, which are now available in the [app directory](https://asana.com/apps) and in-product app gallery. Our partners played a vital role in early testing, providing feedback we used to deliver a simpler, more intuitive developer experience for the open beta.

For [Clockwise](https://asana.com/apps/clockwise), building an integration for Asana with App Components provided a method to expand their audience, bringing greater focus and flow to Asana users:

This was a great opportunity for new organizations to discover the power of Clockwise and our new org acquisition has notably advanced since the integration launched. We are also seeing that Asana’s users are a great fit for Clockwise. Over half of users who have tried the integration have come back to use it again.

## Take a deeper dive into App Components

To learn more about our developer offerings and get a deep dive on best practices for App Components, join us for a live webinar:
- [Register](https://asana.zoom.us/webinar/register/WN_XXLTs-NKQzSelMDq4l6vCg) for the March 24 webinar at 10am PDT / 1pm EDT / 5pm GMT
- [Register](https://asana.zoom.us/webinar/register/WN_NS73NXhkQemy0bBILwpQeA) for the March 24 webinar at 4pm PDT / 8am JST (+1) / 10am AEDT (+1)

We look forward to seeing what you build!

- [Asana の最新情報: 2022年 8月号](/ja/inside-asana/whats-new-focus)

製品

成果につながらない仕事を減らし、効率を高めるなら、Asana にお任せください。今月は、チームが時間を節約し、有意義なことに集中するための新機能が揃って登場しました。仕事中に気が散って困るという方は必見です。Asana の Google ドライブ連携なら、コメントを見落としません使えるツールはいくらでもある現代。その一方で複数のプラットフォームや文書、関係 ...

- [Asana の最新情報: 2022年 4月号](/ja/inside-asana/whats-new-april)

製品

今日の話題は、チームをさらにパワーアップする Asana の多彩な新機能。リクエストの受け付けプロセスの最適化やルーチン業務の自動化など、今月のアップグレードで Asana が特におすすめする機能をご紹介します。自動化を極める時間を節約したい方に朗報です。プロジェクトごとに設定できるルールの数が、20 からなんと 50 に大幅アップ。ルール化できる手作業が ...

- [気が散らずに集中できる: 取り組みたい仕事に集中して注意を向けるための新機能をご紹介](/ja/inside-asana/personal-productivity-features)

製品

現在のナレッジワーカーは、今までになく分散しています。また、集中力もさらに低下しています。実際、「仕事の解剖学」インデックスによると、80% の従業員が受信箱やコミュニケーションアプリを開いたまま仕事をしており、75% 近くが日中マルチタスクに追われていると感じていると答えています。その結果、個人の効率は低下し、重要なメッセージや締め切りを見逃す可能性が高 ...

- [カスタムフィールド: あらゆる種類の仕事を追跡するための秘密兵器](/ja/inside-asana/new-custom-field-updates)

製品

Asana のカスタムフィールドは、当初から仕事をより効果的に追跡するために数多くのユニークな形でお客様に活用されてきました。口紅の新色のマーケティングや製品の市場進出の 3 倍高速化など、その事例には事欠きません。カスタムフィールドがあれば、チームの仕事にとって最も重要な情報を簡単に特定、追跡することができます。 そんなカスタムフィールドが、柔軟性が向上 ...

- [App Components: A new way to build more focus and flow](/ja/inside-asana/app-components)

製品

Complex workflows rarely involve just one tool. In today’s distributed work environment, teams switch between 10 apps 25 times per day to stay connected. However, tool overload le ...

- [製品](/inside-asana/product)
