次の方法で共有

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

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

前提条件

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

注意

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

アプリの作成

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

ホーム画面で、ページデザインで始める を選択します。

  1. 画像または Figma ファイル>Figma 画像から開始する>次へ を選択します。

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

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

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

    注意

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

  5. アプリを作成するを選択します。

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

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

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

参照