You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: powerapps-docs/maker/canvas-apps/app-from-image.md
+12-3Lines changed: 12 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ description: Learn about how to use your own designs saved in image formats and
4
4
author: norliu
5
5
ms.topic: article
6
6
ms.custom: canvas
7
-
ms.date: 05/24/2022
7
+
ms.date: 06/01/2022
8
8
ms.subservice: canvas-maker
9
9
ms.author: norliu
10
10
ms.reviewer: tapanm
@@ -32,6 +32,7 @@ With the **Image to app** feature, you can now create an app from a visual desig
32
32
> [!NOTE]
33
33
> - The styling of the components in the app, such as fonts and colors, will be based on the **Office Blue** theme in Power Apps.
34
34
> - If you want the exact design styles to be preserved when you create your app, consider creating a [canvas app from Figma](figma/overview.md).
35
+
> - Power Apps doesn't persist the image that you upload. The uploaded image is only processed in-memory to generate the app.
35
36
36
37
## Prerequisites
37
38
@@ -57,7 +58,7 @@ With the **Image to app** feature, you can now create an app from a visual desig
57
58
1. Upload your own image. If you don't have an image ready, you can also use one of the available sample images.
58
59
59
60
> [!NOTE]
60
-
> When using your own image, ensure the image meets the image requirements mentioned in the prerequisites.
61
+
> When using your own image, ensure the image meets the image requirements mentioned in [Image requirements](#image-requirements).
61
62
62
63
For example, here are two sample images with acceptable and unacceptable qualities:
63
64
@@ -129,11 +130,19 @@ With the **Image to app** feature, you can now create an app from a visual desig
129
130
130
131
1.[Save and publish](save-publish-app.md) the app.
131
132
133
+
## Image requirements
134
+
135
+
- The image you want to upload must have the file extension of .jpg or .png. If you have a design image with another file extension, save the image file with .jpg or .png file extension in order to use it with this feature.
136
+
- Image size must be less than 4 MB.
137
+
- If you're using screenshots or digital sketches, alter the background to light, pure-color if white is not available.
138
+
- If you're taking a picture, use higher contrast or make it brighter. Make sure the part you want to tag is clear and bright.
139
+
- If you're taking a picture using a camera or phone, use higher contrast to favor light backgrounds. You can use any available photo editing apps to edit the picture contrast.
140
+
- If you're using hand-drawn images, try to use **white** sketch pad without any lines on it.
- Only images with the file extension of .jpg or .png are supported. If you have a design image with another file extension, save the image file with .jpg or .png file extension in order to use it with this feature.
137
146
- You can upload only one image at a time to create an app.
138
147
- Complex forms, forms with colored backgrounds, multi-page forms, and forms with underlined input boxes aren't supported.
139
148
- Support for styles is limited. The styling of the components in the app, such as fonts and colors will be based on the **Office Blue** theme in Power Apps.
Copy file name to clipboardExpand all lines: powerapps-docs/maker/canvas-apps/figma/create-app-from-figma.md
+4-3Lines changed: 4 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ author: tapanm-msft
5
5
ms.topic: article
6
6
ms.custom: canvas
7
7
ms.reviewer: tapanm
8
-
ms.date: 05/24/2022
8
+
ms.date: 06/01/2022
9
9
ms.subservice: canvas-maker
10
10
ms.author: kaagar
11
11
search.audienceType:
@@ -27,8 +27,9 @@ In this article, you'll learn about creating canvas apps using your existing Fig
27
27
- You must have access to a Figma design file that you want to use and create an app from.
28
28
- The Figma file must be designed using the [Create Apps from Figma UI Kit](https://go.microsoft.com/fwlink/?linkid=2193981).
29
29
30
-
> [!TIP]
31
-
> If you're using the UI kit for the first time, familiarize yourself with the feature [overview](overview.md), the [UI kit](design-using-kit.md) capabilities, and its [components](supported-components.md).
30
+
> [!NOTE]
31
+
> - If you're using the UI kit for the first time, familiarize yourself with the feature [overview](overview.md), the [UI kit](design-using-kit.md) capabilities, and its [components](supported-components.md).
32
+
> - Power Apps doesn't persist the Figma files that you provide. The Figma files are only processed in-memory to generate the app.
0 commit comments