Figma + Asana

Figma とは？

Figmaはチームが共同でデザインを行える場所です。 Figma は、より優れたデザインのアイデア出し、制作、テスト、リリースまで、チームの一連の作業を丸ごとサポートします。 オンラインホワイトボード Figmaを使用すれば、ブレーンストーミングやダイアグラム作成などをチームで一緒に楽しみながら取り組めます。

Figma + Asana を選ぶ理由

計画やコンセプトを Figma や FigJam で実現し、Asana でアイデアを構造化したタスクに仕上げましょう。 どちらのツールを使用していても、Asana と Figma は連携して、チームが仕事を進められるようサポートします。

Figma と FigJam では、Asana ウィジェットを使用して、Asana プロジェクトとその関連タスクをすべてキャンバスに取り込み、チームで話し合いを行えます。 FigJam の付箋 (スティッキーノート) を選択して Asana のタスクに即座に変換できるので、次に行うステップを明確にして会議を終えられます。

Asana でデザインをプロジェクトに埋め込むことで、チームは関連するプロジェクトドキュメントとともに最新のデザインを文脈に沿って参照できます。 さらに、スクリーンショットとは異なり、ライブの埋め込みオブジェクトであるため、デザインファイルで行われた変更がリアルタイムで反映されます。該当するファイルを探して画像を更新するという余分な手間を省けます。

Figma と Asana を連携する方法

Figma と FigJam で Asana タスクを作成し、レビューする方法は以下のとおりです。

1. このページの左上にある「Asana for Figma をインストール」をクリックし、Figma または FigJam を選択します。 新しいファイルが表示され、ウィジェットがビューポポートの中央に配置されます。

2. Asana プロジェクトをエディターに取り込むには、ウィジェットで「Import (インポート)」を選択し、インポートするプロジェクトの URL を貼り付けます。 これを実行すると、Asana アカウントにサインインするよう促されます。

3. タスクを編集したり、詳細を表示したりするには、タスクを選択し、ツールバーの「Show meta data (メタデータを表示)」を選択します。

4. 付箋を Asana のタスクに変換する場合は、1 つ以上の付箋を選択し、ウィジェットで「Convert selected stickies to tasks (選択した付箋をタスクに変換する)」を選択します。

注記: FigJam ではユーザーの承認後 Asana の URL をペーストするとタスクがキャンバス上で自動的にウィジェットに変換されます。

Figma のファイルを Asana で埋め込む方法は以下のとおりです。

1. 埋め込む予定の Figma ファイルを開きます

2. 右上の「Share (共有)」ボタンをクリックします

3. 表示されるダイアログで「Copy Link (リンクをコピー)」をクリックします

4. Asana で、Figma のファイルを埋め込むプロジェクトを開きます

5. 「概要」タブにアクセスします。

6. 「主な参考資料」のセクションで、「プロジェクトの要旨を作成」をクリックします (すでにプロジェクトの要旨が存在する場合は、そのタイトルをクリックします)

7. ブリーフを開き、右上隅の「編集」をクリックします

8. ブリーフの中で埋め込みたい場所をクリックします。

9. Figma の URL をペーストすると、その下にプレビューが開きます

10. または、編集中の行の左側にある「+」アイコンをクリックし、「挿入」>「メディア」を選択します

11. 入力ボックスに共有 URL を貼り付けて、「リンクを埋め込む」をクリックします

詳細とサポート

Asana と Figma の連携について詳しくは、Figma ヘルプセンターをご覧ください。

ご質問やフィードバックがある場合や、サポートが必要な場合は、Figma サポートチームまでお問い合わせください。

Asana でコラボレーションを円滑に

小さなタスクからビジネスの全体像まで、Asana を使って仕事のすべてを整理すれば、チームは To-Do も、その意義も、作業の手順も把握できます。 無料で始められ、使い方は簡単。事業全体を運営できるパワフルなプラットフォームです。 Asana について詳しくはこちらをご覧ください