Figma は、チームでインターフェイスデザインを共同作業できるツールで、デザインを作成し、プロトタイプを作成し、リアルタイムで共有できます。Web やモバイルの UI/UX デザインで広く利用されています。Figma を Zoho Cliq と連携すると、チームのすべてのファイルやプロジェクトを Cliq 内で表示できます。
利用可能なリージョン:
US, IN, EU, AU,CN
Figma を Cliq と連携する手順は次のとおりです:
インストール
- Zoho Cliq マーケットプレイスに移動し、「Figma」を検索してインストールするか、次のリンクをクリックします。
- インストールが完了すると、表示したいチームのファイルやプロジェクトを設定するための手順が記載されたボットメッセージが届きます。
ボット
- ボットメッセージで、チームを接続ボタンを選択します。

- 「Figma チームを設定」ポップアップが表示されるので、チーム ID を入力すると、そのチームに関連付けられているプロジェクトファイルを表示できます。
メモ:
チーム ID を取得するには、次の操作を行います。
- 所属しているチームのページに移動します。チーム ID は、URL の「/team/」の後ろに表示されます。
ボットアクション
利用できるボットアクションは 4 つあります:
- ファイルを検索
- チームを関連付け
- ヘルプ
- アラート

ファイルを検索
- ここでは、任意のプロジェクトからファイルを選択できます。

- 検索を選択すると、そのファイルのボットメッセージが投稿され、ファイルをプレビューして、Cliq 内でファイルを表示できます。

チームを関連付け
- 別のチームのファイルやプロジェクトを表示したい場合は、チームを関連付けを選択します。
- 「Figma チームを設定」ポップアップが表示されるので、チーム ID を入力すると、そのチームに関連付けられているプロジェクトファイルを表示できます。

ヘルプ
- ここでは、この連携で利用できる機能について説明したメッセージがボットに投稿されます。

アラート
メモ:
- Figma の Webhook 拡張機能がFigma の料金プラン(Professional、Organization、Enterprise プラン)に含まれている場合にのみ、Zoho Cliq で Figma アラートを受信できます。
- 通知を設定して、Figma ファイルをチャンネルにマッピングし、コメント、返信、@メンションの通知を受信できます。
アラートボットメニューの操作には、有効にすると設定の 2 つの設定があります。
通知を有効にする
通知を有効にするには、次の手順に従います。
- アラートボットメニューの操作で「有効にする」オプションをクリックします。
- プロジェクトとファイルを選択し、受信したい通知の種類(ボットまたはチャンネル)を選択します。
- チャンネルを選択した場合は、どのチャンネルで通知を受信するかを指定します。
- 「有効にする」をクリックして通知を有効化します。
通知を有効にすると、コメント、返信、@メンションについて、チャンネルに通知が投稿されます。コメント通知が投稿されると、ユーザーはその通知から直接返信を追加できます。
[設定]オプションをクリックすると、チャンネルにマッピングされているファイルの一覧が表形式で表示されます。表には次の詳細が含まれます。
- ファイル名
- アラートの方法
- マッピングしたユーザー
アラートを無効にしたい場合は、該当するファイルの横にある「無効にする」オプションをクリックします。
ウィジェットには 3 つのタブがあります: プロジェクト、ピン留めされたファイル、 ヘルプです。
プロジェクト
- ここには、設定したチームに関連付けられているすべての Figma プロジェクトとファイルが一覧表示されます。
- 各プロジェクトの下には、次の 2 つのオプションがあります: 開く と Files

- '開く' を選択すると、Figma の Web サイトに移動します。
- Files を選択すると、そのプロジェクト内のすべてのファイルが Cliq 内に表示されます。
- 各ファイルの下には、次の 2 つのオプションがあります: ファイルを表示 と コメントを表示 です。

- 'ファイルを表示' を選択すると、Figma ファイルを Cliq 内で表示できます。

- 'コメント' を選択すると、その Figma ファイル内のすべてのコメントを表示できます。
- ファイルをピン留めする場合は、「その他」(三点リーダー)を選択し、「Pin File」をクリックします。ピン留めされたフォルダーにはピン留めアイコンが表示されます。ピン留めを解除するには、再度「その他」(三点リーダー)を選択し、「Unpin」をクリックします。
Pinned Files
Pinned Files タブには、簡単にアクセスできるようピン留めしたすべてのファイルが表示されます。Pinned Files タブからファイルを削除するには、そのファイルの横にある「その他」(三点リーダー)を選択し、「Unpin」をクリックします。
ヘルプ
ここでは、この連携で利用できる機能を確認できます。
スラッシュコマンド
- メッセージ作成欄でスラッシュコマンド '/figma' を使用すると、検索ポップアップが表示されます。
- ここから、任意のプロジェクトのファイルを選択できます。

- 検索 を選択すると、そのファイルのボットメッセージが投稿され、ファイルをプレビュー を選択して、チャット内でファイルを表示できます。ファイルプレビューのオプションも利用できます。

メッセージアクション
- メッセージアクションを使用して、メッセージを Figma ファイルのコメントとして追加できます。
- メッセージにカーソルを合わせ、「その他」を選択します。「Figma」を検索し、Post コメント to File オプションを選択します。

- 「追加する コメント to File」ポップアップが表示されるので、コメントを追加したいプロジェクトとファイルを選択します。

制限事項
この拡張機能には、Figma 側で現在サポートされていないために発生する、次のような制限があります。
- 複数ページのナビゲーション: ユーザーはファイルの最初のページのみを表示できます。 そのため、複数ページを持つファイルでは、最初のページのみプレビューできます。