Power Apps YAML Code Generator

I built an app that builds Power Apps and the best part is itโ€™s 100% freaking real. 

No, seriously! It generates Power Apps YAML code that you can copy and paste into Power Apps Studio. And it’s amazing. 

Absolutely no AI is involved at all. Just the magic of creativity + code.


What The Heck Is A YAML Code Generator?

A code generator is an app that writes code for you. Instead of you writing the code for yourself. The benefit is you can write apps faster and do so in a standardized way.


Isn’t PowerFx The Coding Language For PowerApps?

That’s right. But the new view code feature in Power Apps Studio allows us to right-click on any control and view its source code in YAML format. We can also copy this code into a text editor, make changes, and then paste it back into Power Apps. Seeing this I figured I could make an app that generates code for me.


Why Did You Make This?

You might be wondering why I created this. I created a Power Apps code generator on my summer vacation because it is cool idea. Thatโ€™s why.

Not everything you do needs to have business value. In fact it is important for your growth as a developer that you go off and do weird experiments

Those experiments accelerate your growth faster. And they lead to unexpected discoveries.


When Will Post Your Next Article?

Enjoy this Power Apps YAML code generator video and Iโ€™ll be back next week with my usual Power Apps/Power Automate tutorial. And the cat pictures will be back too.





Questions?

If you have any questions about Power Apps YAML Code Generator please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.

Matthew Devaney

Subscribe
Notify of
guest

23 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Corey
Corey
3 months ago

I always learn something each week when you post your article, thank you for everything you do for this community! This one though – wow – super cool!

Hani Sagal
Hani Sagal
2 months ago

This would be great! I will definitely sign up!

SueB
SueB
3 months ago

Wow!! I haven’t tried it yet, but … wow!

Jeff S.
Jeff S.
3 months ago

Watched your video demo on LinkedIn, and then again on your blog this morning โ€” this Code Generator is awesome, Matthew!

I’m actively waiting for the YAML feature, but not yet seeing the YAML Code preview available for use in Power Apps Studio. Do you by chance know which version of Power Apps it rolled out to? I may have missed a Setting > Preview Update change.

Cheers โ€” wonderfully innovative, functional app!

Gianluca M
Gianluca M
3 months ago

I totally share your enthusiasm about this new feature. In combination with the new Power Fx functions, however, it becomes really powerful because it allows standardisation of code. That should be emphasised more, IMHO.

Justin L
Justin L
3 months ago

Brilliant! I understand this is a POC, but any plans/possibility to release this on GitHub? I would love to get my hands on this and use it as a starting point and update for my needs. Thanks for sharing the vision either way!

Johan Mendez
Johan Mendez
2 months ago

No Cat Thumbnail. ๐Ÿ˜ฅ

Great work anyway! ๐Ÿ˜Š

Dustin Rocksvold
2 months ago

Matt,
Thanks for posting this. It looks like it could really expedite the process of building out screens in Power Apps. Now if they would just let us paste the code for a whole screen it would be awesome. I guess you could actually use the generator to build an outer responsive container and then embed the children inside and export all of the code.
After reading your post I went and copied a screen container and pasted it into another environment and BAM, it was there. Really like where it is headed. Take care. Hope to see you at PPC 2024 in Las Vegas.

Matthew Devaney Fan
2 months ago

I want the generation code. If you don’t supply it, I’ll be kitten you not – I will resort to purr-suasion and bribe your cat to cough it up like a furball!

Matthew Devaney Fan
1 month ago

๐Ÿ˜ฎ

giphy.gif
Jayaprakash Tatagari
Jayaprakash Tatagari
2 months ago

Your Content is KING.

Patrick Rupprecht
Patrick Rupprecht
2 months ago

Hello Matthew,
thanks for sharing. This make Power Apps development a lot more fun ;-).

Martin
Martin
2 months ago

Wow. Looks a lor better than working with code components.
In the video you mention a little flow in the background that detects available columns in a dataverse datasource. I would be grateful if you could give me some pointers as to how that’s done.

Martin
Martin
2 months ago

Thanks! Definitively something I will pursue.

Martin
Martin
2 months ago

This stuff really works! Sadly, as of yesterday the view/copy/paste code option has completely disappeared from the canvas app editor. Maintenance? Have you heard anything? I know it’s public preview but code view is just too cool to be without….

Phil
Phil
2 months ago
Reply to  Martin

Damn! I was just getting used to it being there, and now it’s gone!
hopefully it will return – I’ll keep searching in the settings for experimental / retired features…
๐Ÿ™

Martin
Martin
1 month ago
Reply to  Phil

It seems to be back..?

Donna
Donna
1 month ago

Outstanding!!! I think this is awesome. I’m not sure if I missed it or if anyone else asked but will you be sharing how you made the code generator?

Russ Rimmerman
Russ Rimmerman
1 month ago

We can’t wait for you to share this cool new toy you’ve created!!!!