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

Templates
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.