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: website/blog/2023-lcf/2023-02-13/index.md
+9-9Lines changed: 9 additions & 9 deletions
Original file line number
Diff line number
Diff line change
@@ -65,15 +65,15 @@ Now there are many starting points when building Canvas Apps. We’ve already es
65
65
66
66
Whether it’s your first time and you want to start from a template just to get familiar with the building experience, or you already have data and you want to build your Canvas App on top of that data or even if you have an initial design and you want to start from that design and add data later on – we’ve got you covered.
67
67
68
-
Whatever method you choose, you’ll always end up in the Power Apps Studio. This is the space where you’ll design, build, and manage your Canvas App. If you want to understand the various parts of the Power Apps Studio before you get your hands dirty; I highly recommend reading [this article](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/power-apps-studio) which gives a really good insight into the various parts of it.
68
+
Whatever method you choose, you’ll always end up in the Power Apps Studio. This is the space where you’ll design, build, and manage your Canvas App. If you want to understand the various parts of the Power Apps Studio before you get your hands dirty; I highly recommend reading [this article](https://aka.ms/LCF/PowerAppsStudio) which gives a really good insight into the various parts of it.
69
69
70
70
### Start from a template
71
71
72
72
If it’s your first time, you might want to start from a template just so you can get familiar with Canvas Apps. Power Apps provides multiple templates for all types of scenarios.
73
73
74
74

75
75
76
-
You can simply select a template from our vast gallery and then run the app to understand its default behaviour. Feel free to add some additional functionality and make it your own. For a full breakdown of how to create an app from a template, check out [this article](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/get-started-test-drive) to learn more.
76
+
You can simply select a template from our vast gallery and then run the app to understand its default behaviour. Feel free to add some additional functionality and make it your own. For a full breakdown of how to create an app from a template, check out [this article](https://aka.ms/LCF/CanvasFromTemplate) to learn more.
77
77
78
78
### Start from data
79
79
@@ -87,7 +87,7 @@ The generated 3-screen app includes:
This process takes care of the data connection for you so that you can focus on the functionality and UI straight away. Whether your data lives in [SharePoint](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/app-from-sharepoint), [Excel](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/get-started-create-from-data), [Azure SQL](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/app-from-azure-sql-database) or even [Dataverse](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/data-platform-create-app), you can get started building Canvas Apps, from data, today.
90
+
This process takes care of the data connection for you so that you can focus on the functionality and UI straight away. Whether your data lives in [SharePoint](https://aka.ms/LCF/CanvasFromSharepoint), [Excel](https://aka.ms/LCF/CanvasFromExcel), [Azure SQL](https://aka.ms/LCF/CanvasFromSQL) or even [Dataverse](https://aka.ms/LCF/CanvasFromDataverse), you can get started building Canvas Apps, from data, today.
91
91
92
92
## Working with Express Design
93
93
@@ -97,23 +97,23 @@ Whatever your method is, Power Apps is now applying advanced cognitive AI models
97
97
98
98
### Image to App
99
99
100
-
All you have to do is take a picture or screenshot of whatever wireframe, sketch, or visual design that you have, upload it into Power Apps and then follow the steps in the guided interface to tag the relevant UI components and set up your data. This will then auto-magically generate an app for you to jumpstart your app development process. See [this article](https://learn.microsoft.com/en-gb/power-apps/maker/canvas-apps/app-from-image) for more information and step-by-step guidance on how to generate Canvas Apps from an image!
100
+
All you have to do is take a picture or screenshot of whatever wireframe, sketch, or visual design that you have, upload it into Power Apps and then follow the steps in the guided interface to tag the relevant UI components and set up your data. This will then auto-magically generate an app for you to jumpstart your app development process. See [this article](https://aka.ms/LCF/AppFromImage) for more information and step-by-step guidance on how to generate Canvas Apps from an image!
101
101
102
-
Also, check out this [AMAZING TikTok](https://www.tiktok.com/@mspowerplatform/video/7192702168489577774) that shows you the whole Image to App process in under 60 seconds! Don’t forget to follow us while you’re there 😉
102
+
Also, check out this [AMAZING TikTok](https://aka.ms/LCF/ExpressDesignTikTok) that shows you the whole Image to App process in under 60 seconds! Don’t forget to follow us while you’re there 😉
103
103
104
104

105
105
106
106
### Figma to App
107
107
108
-
Now the Image to App process will do it’s best to match your drawing or image however if you are looking for an exact, pixel-perfect match then you should consider creating your design in Figma using the [Create Apps from Figma UI Kit](https://www.figma.com/community/file/1110934196623232680). Afterwards, you will then convert your design file into a Canvas App and then add more functionality using the Power Apps Studio. More details on this process can be [found here](https://learn.microsoft.com/en-gb/power-apps/maker/canvas-apps/figma/overview) so be sure to try it out for yourself and let us know how it went!
108
+
Now the Image to App process will do it’s best to match your drawing or image however if you are looking for an exact, pixel-perfect match then you should consider creating your design in Figma using the [Create Apps from Figma UI Kit](https://aka.ms/LCF/FigmaKit). Afterwards, you will then convert your design file into a Canvas App and then add more functionality using the Power Apps Studio. More details on this process can be [found here](https://aka.ms/LCF/Figma) so be sure to try it out for yourself and let us know how it went!
109
109
110
110

111
111
112
112
## Exercises
113
113
114
114
So now that you've taken the time to delve into this blog post, you're essentially a pro at finding whatever your starting point is! Go ahead, give yourself a pat on the back AND why don’t you try and build some Canvas Apps UI yourself? It’s easier than you think, and we’ve got some training materials to help you get started as well.
115
115
116
-
***Training**: [Use the UI and controls in a canvas app in Power Apps](https://learn.microsoft.com/en-gb/training/paths/ui-controls-canvas-app-powerapps/) is a Learning Path up on Microsoft Learn which takes you through the process of building a functional UI for your Canvas App. It highlights app navigation, themes, icons, images, personalization, different form factors, and so many more controls that you can take advantage of.
116
+
***Training**: [Use the UI and controls in a canvas app in Power Apps](https://aka.ms/LCF/CanvasUIPath) is a Learning Path up on Microsoft Learn which takes you through the process of building a functional UI for your Canvas App. It highlights app navigation, themes, icons, images, personalization, different form factors, and so many more controls that you can take advantage of.
117
117
118
118
## What's next?
119
119
@@ -128,5 +128,5 @@ Also consider -
128
128
## Resources
129
129
130
130
* Low Code February **[Learn Collection](https://learn.microsoft.com/en-us/users/nityan/collections/xz6ehr2mx031y0?WT.mc_id=javascript-82212-ninarasi)**: Collection of resources to go from learning Power Platform Fundamentals, to understanding the Dataverse and working in Fusion Development teams.
131
-
* Power Apps **[Canvas Apps Documentation](https://learn.microsoft.com/en-us/power-apps/maker/canvas-apps/)**
132
-
* On-Demand Viewing: **[Building the UI in Power Apps](https://learn.microsoft.com/en-us/events/ignite-nov-2021/power-platform/connection-zone/conll111/)**
131
+
* Power Apps **[Canvas Apps Documentation](https://aka.ms/LCF/CanvasDocs)**
132
+
* On-Demand Viewing: **[Building the UI in Power Apps](https://aka.ms/LCF/UILearnLive)**
0 commit comments