Skip to content

Commit 0fc93d4

Browse files
authored
updated with more sections
1 parent 071f10d commit 0fc93d4

File tree

1 file changed

+21
-3
lines changed
  • website/blog/2023-lcf/2023-02-13

1 file changed

+21
-3
lines changed

website/blog/2023-lcf/2023-02-13/index.md

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,9 @@ Welcome to `Day 13` of #30DaysOfLowCode!
3434
More often than not, a well thought out, consistent, eye-catching but functional user experience can define the success of your app. This is why we’ve decided to dedicate this week to the **User Interface (UI)**. Today’s blog will begin that journey with actionable insights and resources that will get you started building amazing UI with Canvas Apps.
3535

3636
## What We'll Cover
37-
* What are Canvas Apps?
37+
* What are Canvas Apps?
3838
* Ways to build Canvas Apps
39-
* Section 3
39+
* Working with Express Design
4040
* Section 4
4141
* Exercise: Try this yourself!
4242
* Resources: For self-study!
@@ -89,7 +89,25 @@ The generated 3-screen app includes:
8989

9090
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.
9191

92-
## Section 3
92+
## Working with Express Design
93+
94+
Express design is a new way to quickly get started with Canvas Apps by instantly transforming any visual design artifact into an app. Every app starts with a design phase where some form of initial sketch would have been made. You may have sketched some basic UI on a piece of paper or on a whiteboard or if you’re a professional – you may have designed some assets in Figma.
95+
96+
Whatever your method is, Power Apps is now applying advanced cognitive AI models to generate app UI using two methods.
97+
98+
### Image to App
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!
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 😉
103+
104+
![Image showing the Image to App fucntionality in Power Apps](./Figure4.png)
105+
106+
### Figma to App
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!
109+
110+
![Image showing the Figma to App fucntionality in Power Apps](./Figure5.png)
93111

94112
## Section 4
95113

0 commit comments

Comments
 (0)