ערוך

שתף באמצעות

Create a canvas app from Figma

In this article, you learn about creating canvas apps using your existing Figma design. Figma is a graphics editor and a design tool that you can use to create prototypes for your intended software design. After the design is finalized, use the Figma to app feature to generate apps directly from the layout and design that you defined in your Figma file.

Prerequisites

  • You must have access to a Figma design file that you want to use and create an app from.
  • The Figma file must be designed using the Create Apps from Figma UI Kit.

Note

  • If you're using the UI kit for the first time, familiarize yourself with the feature overview, the UI kit capabilities, and its components.
  • Power Apps doesn't persist the Figma files that you provide. The Figma files are only processed in-memory to generate the app.

Create an app

  1. Sign in to Power Apps.

On the home screen, select Start with a page design.

  1. Select An image or Figma file > Start from Figma > Next.

  2. Enter an app name.

  3. Enter the Figma file URL. More information: Share files and prototypes

  4. Enter the Figma personal access token. More information: Create a new personal access token

    Note

    Power Apps uses your personal access token to connect to your Figma page or frame with Can view (read-only) access, and doesn't make any changes inside Figma.

  5. Select Create app.

Once the app is created, your new app opens in Power Apps Studio so you can continue building and customizing your app.

  1. Extend this app by connecting to data, adding app logic, and adding more screens and controls as necessary.

  2. Save, publish, and share the app.

See also