Events
Power BI DataViz World Championships
Feb 14, 4 PM - Mar 31, 4 PM
With 4 chances to enter, you could win a conference package and make it to the LIVE Grand Finale in Las Vegas
Learn moreThis browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
[This article is pre-release documentation and is subject to change.]
The Create Apps from Figma UI Kit supports certain components. In this article, you'll learn about these components.
For the latest information about the supported components and to view detailed examples, you can visit the Supported components page inside the Create Apps from Figma UI Kit.
Important
Don't rename components or change layers. Otherwise, the components won't convert property in Power Apps.
A scrollable section is a section on a screen. If content extends beyond the section, it will still be accessible when the user scrolls.
The scrollable sections inside the UI kit are available in two different formats: Phone, and Tablet.
Use a Form section when you want to have users fill out fields and submit data.
In Power Apps, this section will be scrollable.
Use the Container (vertical) sections when you want the content to scroll. For example, if you need a section of lengthy explanatory content.
Tip
You can also add a small form inside a Container (vertical) section.
Vertical and horizontal data cards are components that arrange themselves automatically on a form.
Note
Ensure all data cards are placed directly inside a form component. Data cards can't be used outside of a form.
Note
Use only one font and font size within a text label. If you want to use more than one font or font size within a text label, then make separate labels with those variations. Also, ensure that the text for the label doesn't extend beyond the bounding box, or it won't convert properly.
Use these components to make notes, comments, or miscellaneous content that doesn't need to render in the final app. The content will then be ignored when you convert the design in Power Apps.
Images and rectangles will render as-is when the design is converted into an app.
Events
Power BI DataViz World Championships
Feb 14, 4 PM - Mar 31, 4 PM
With 4 chances to enter, you could win a conference package and make it to the LIVE Grand Finale in Las Vegas
Learn moreTraining
Module
Design a Power Apps canvas app by using Figma - Training
Learn how to use the Figma UI Kit to create beautiful app designs for Power Apps.
Certification
Microsoft Certified: Power Platform Fundamentals - Certifications
Demonstrate the business value and product capabilities of Microsoft Power Platform, such as Power Apps, data connections with Dataverse, and Power Automate.