次の方法で共有

Figma からキャンバス アプリを作成する

  • [アーティクル]

[この記事はプレリリース ドキュメントであり、変更されることがあります。]

この記事では、既存の Figma デザインを使用してキャンバス アプリを作成する方法について説明します。 Figma は、意図したソフトウェア設計のプロトタイプを作成するために使用可能なグラフィックス エディターおよび設計ツールです。 設計が完了した後、アプリへの Figma 機能を使用して、Figma ファイルで定義したレイアウトとデザインから直接アプリを生成します。

前提条件

  • 使用およびアプリ作成の元になる Figma デザイン ファイルへのアクセス許可が必要です。
  • Figma ファイルは、Figma UI Kit からアプリを作成するを使用して設計する必要があります。

注意

  • UI Kit を初めて使用する場合、この機能の概要、UI Kit の機能、およびそのコンポーネント を知る必要があります。
  • Power Apps は、提供された Figma ファイルを保持しません。 Figma ファイルは、アプリを生成するためにメモリ内でのみ処理されます。

アプリの作成

  1. Power Apps にサインインします。

  2. 開始元 で、Figma を選択します。

    使用可能なオプションから Figma を選択します。

  3. アプリ名を入力します。

  4. Figma ファイルの URL を入力します。 詳細情報: ファイルとプロトタイプを共有する

  5. Figma の個人用アクセス トークンを入力します。 詳細情報: 新しい個人用アクセス トークンの作成

    アプリ名、Figma URL、および個人用アクセス トークンを作成してアプリ ダイアログ ボックスを作成します。

    注意

    Power Apps は個人用アクセス トークンを使用し、閲覧 (読み取り専用) アクセスで Figma ページまたはフレームに接続し、Figma 内では何も変更しません。

  6. 作成 を選択します。

    アプリが作成されると、新しいアプリが Power Apps Studio で開き、アプリの構築とカスタマイズを続行することができます。

    作成したアプリが Power Apps Studio 内で開きます。

  7. データに接続、アプリ ロジックの追加、さらに画面とコントロールを追加して、このアプリを拡張します。

  8. アプリを保存、公開、および共有します。

参照