Microsoft Power Apps – Create Apps from Figma UI Kit (Preview)

Figma Resource

This kit lets you design using Figma, and then convert the design into an app using Microsoft Power Apps. It includes a set of supported components, a sample app, and instructions on how to use the kit.

Please note: This kit is in preview and not final. You may experience unexpected behavior or problems. Please use caution and avoid using this kit for final production apps.

What’s inside

  • Two screen sizes: tablet and phone. Screens can contain content, and you can decide whether that content is scrollable or not.
  • Screens can also contain forms so that users can submit data.
  • Components for common interactive items like buttons, labels, text inputs, combo boxes, dropdowns, and more.
  • A sample app that shows how to use screens and components together. You can also use the sample to test the conversion process from Figma to Power Apps.

Tips

  • Whether you’re an advanced Figma user or a beginner, you’ll want to carefully follow the instructions inside this kit. Otherwise, your Figma design may not convert into an app successfully.
  • The

    Supported components

    page is the place to see which components can be converted into Power Apps components.
  • Only use the components provided in this kit. Using components from other sources will not successfully convert in Power Apps.