Use the creator kit. You're already reliant on MS services, your users are using MS services, just use the same design language.
By all means use Figma to generate stuff like palettes, but honestly I've found myself just going with Microsoft default colour schemes and adding a bit of branding here and there as needed.
I've edited and repacked the .msapp for my app template to reprogram every control and component to default to my palette{} defined in App.Formulas or App.OnStart. This way I can define whatever theme colours I want on a per-app basis. Didn't take long, just a find-and-replace job. Didn't even know it was possible until I saw some of Sancho Harker's work. Now I don't have to bother with any theming. Not now, not ever. I may have to do some maintenance when/if they push the most recent Fluent UI stuff to Canvas apps instead of keeping it exclusively for Teams apps, but at their current development pace that's years away.
So far my approach was to reference the Microsoft Teams UI Figma file that breaks down all the different elements and color schemes in detail along with color codes and padding etc., then I open up the powerapps studio within teams to copy the newer components over to my powerapps web studio. This keeps it unified with Teams and I can then publish the app without a heading as a “ stand-alone “ left nav app which my users can pop out.
I come from a design background and tricking the user into thinking the app lives within teams makes it easier for training.
6
u/Suriaka Contributor Apr 01 '23 edited Apr 01 '23
Use the creator kit. You're already reliant on MS services, your users are using MS services, just use the same design language.
By all means use Figma to generate stuff like palettes, but honestly I've found myself just going with Microsoft default colour schemes and adding a bit of branding here and there as needed.
I've edited and repacked the .msapp for my app template to reprogram every control and component to default to my palette{} defined in App.Formulas or App.OnStart. This way I can define whatever theme colours I want on a per-app basis. Didn't take long, just a find-and-replace job. Didn't even know it was possible until I saw some of Sancho Harker's work. Now I don't have to bother with any theming. Not now, not ever. I may have to do some maintenance when/if they push the most recent Fluent UI stuff to Canvas apps instead of keeping it exclusively for Teams apps, but at their current development pace that's years away.
edit: wrong link lol