Create a Power Apps Canvas App from a drawing with the help of OCR !!!

Developing an app is a breeze! Get started by envisioning your app’s design through an expressive sketch. Take a look at the following sample illustration I’ve created. Ensure that your drawing is neat and legible so that the OCR (Optical Character Recognition) can accurately capture your intended image.

Log in to Power Apps maker portal https://make.powerapps.com/

Great! Let’s get started on creating an amazing app. First, we need to select the Environment you plan to use. To keep things simple, let’s stick with my Contoso default environment. It offers a seamless development experience.

Now, here’s the exciting part. There are numerous fantastic ways to kickstart your app-building journey. You can dive right into your data or start from scratch, designing a one-of-a-kind app. And guess what? You can even describe your idea to Copilot and it will generate an app for you in under 5 minutes!

For today’s tutorial, we’ll concentrate on the process of creating an app from an image. So go ahead and select “Create” and then choose “Start from: Choose Image”. Get ready to witness the magic of transforming an image into a fully-functional app!

What’s truly amazing is that you possess a set of guidelines that will aid you in determining the prerequisites for your image.

Give your app a catchy name and upload the image you would like to use! Like magic, the power platform will detect the layout of the drawing and determine the perfect format for your app. In our case, it will choose the Phone format, adding an extra touch of modernity and accessibility. Get ready to impress with your stunning creation!

Even though the platform can help distinguish between different types of fields, it appreciates a little assistance in understanding your intended inputs. Feel free to assign and tag the fields as you like, and once you’re satisfied, simply click next to proceed with confidence.

Great news! It’s time to embark on an exciting journey of creating a dataverse table to store all the valuable data that will power your amazing app. Brace yourself for a seamless experience as you simply give your table a name and effortlessly move on to the next step. Get ready for a productive and enjoyable ride!

Let’s dive right into it! Begin by selecting the enticing option “Create new table” and give it a captivating name. Trust me, you’ll be amazed as the columns magically appear before your eyes. Get ready to embark on an incredible content creation adventure!

Great news! I am excited to present you with the fields that have been generated for your table. You’ll be delighted to see that the correct data types and names have been created for you. Feel free to make any changes to the fields as per your preferences and requirements. Enjoy customizing your table!

Let’s take a closer look at the fields that will populate your table. We will confirm data types, spellings, and any other specific characteristics you would like to include.

Once you have reviewed the fields that will form your table, click on the create button and get ready to celebrate the birth of your brand new app! Keep in mind that although its current appearance may not be too glamorous, we have plenty of opportunities to enhance its visual appeal and customize it to perfectly match your preferences. So, let’s embark on this exciting journey together!

Great job! You’ve successfully completed the task. Now it’s time to give your fields proper names to follow best practices. Don’t forget to enhance the formatting and alignment of the controls within your canvas app. You have endless possibilities to incorporate company branding, logos, pictures, and even AI. Embrace the excitement and unleash your creativity! Keep up the fantastic work!

Sure! Here’s the revised version:

Great! You have the flexibility to customize the content to fit your needs. For instance, take a look at the formular bar. You’ll notice that you have the option to easily edit the values of the drop-down list. Simply follow the format: ["CHICKEN POT PIE","BURGERS AND FRIES","PIZZA"]. It’s important to mention that you should use the delimiter format that is configured on your machine. In the example code, commas are used, but your machine might use semicolons or another delimiter. Just make sure to adapt it accordingly based on your system configuration.

Let’s dive into previewing your app! Congratulations on reaching this point, you’ve made great progress. Keep up the good work!

Test your app with a wide range of sizes and form factors by utilizing the buttons conveniently placed next to the app. Once you are content with your app, you can effortlessly publish it to your environment and eagerly share its brilliance with others.

I’m glad that we had this wonderful journey together, and I am excited about continuing to provide you with more captivating content, helpful tips, insightful tricks, and informative tutorials on different ways you can create exciting new apps. I eagerly anticipate our next encounter. See you soon!

Leave a comment