Nov 5, 2022 8:32 AM

Create An App from Figma - Demo

External YouTube Channel

Power Apps team, shows how to convert a Figma design into an app.

Kristen Oshiro, interaction designer from the Power Apps team, shows how to convert a Figma design into an app. She starts by designing with the Create Apps from Figma UI kit, and then converts that design into a well-designed canvas app using Microsoft Power Apps.

Get the Figma UI Kit here by Microsoft

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.

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

https://www.figma.com/community/file/1110934196623232680