Design System

[Anonymous]

Im trying to build a psuedo design system in PowerApps, so I can reuse components. 

Example: 

H1: font size 20, type arial, bold

H2: font size 16, type arial, regular

All "buttons" ie: submit/cancel are 100x25 with 1px border. 

I havent found the best way to do this and am wondering if it is possible. 

[RezaDorrani]

Hi @Anonymous 

Did you check this

https://powerusers.microsoft.com/t5/Community-Apps-Gallery/Branding-Template-App-Automagical/td-p/363582

--------------------------------------------------------------------------------
If this post helps answer your question, please click on “Accept as Solution” to help other members find it more quickly. If you thought this post was helpful, please give it a Thumbs Up.

[PaulD1]

We use a screen as a 'style' sheet. For each control type, we have a master and a copy. The copy has its relevant properties set to the master.

When adding a new control to a screen we copy 'the copy' on the style sheet. Then anytime we need to adjust a setting, we can just change the master on the style sheet and all our controls across the app will update to match.

We also have a 'master' font and fill colour so we can reference these too and change them in just one place.

It takes a while to set up all the controls on the style sheet but ensures consistency and saves a lot of time if we need to make a change later. For each new app, we just copy across our 'style sheet' and add controls by copy/paste rather than from the toolbar.

[Anonymous]

Thanks. 

It appears its a model driven one. Does it work for Canvas? as that is what im using. 

[v-monli-msft · Accepted solution]

Hi @Anonymous ,

Yes, you can create your own components frameworks and import to canvas app now. By default PowerApps component framework is enabled for model-driven apps. To enable this feature for canvas apps, see Availability for canvas apps.

Regards,

Mona