Forum Discussion

Brass Contributor

Jul 29, 2024

Design gudie for Teams tab

Dear sir We are preparing Microsoft Teams addin app, which will be embedded to the tab by iFrame web hosting. And we already have developed the app. I can see the "Design your app/Design system/~ ...

developer

microsoft teams

Nivedipa-MSFT

Microsoft

Jul 30, 2024

Thanks for reporting your issue. To upload your Microsoft Teams add-in app to the Store, you do need to follow the guidelines outlined in the "Design your app" and "Design system" sections. These guidelines ensure that your app meets the quality and usability standards required for Teams apps.

Thanks,

Nivedipa

------------------------------------------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

user2160

Copper Contributor

Aug 01, 2024

Thanks for the reply
I have read the guide. And wee already have our own app used by Material-UI component lib.
And we'll produce that app with minor changes to MS Teams Store for Teams addin app.
In the MS Teams "Design system/Layout and scaling" , the guide explains the 4-px base unit of grid. And I can see other guide like button shape, component color, font.
For the rule, we have to change all our components.
Our Teams addin app is a personal Tab using iFrame web hosting. De we have to follow Teams guide rule with mandatory ? Is it basic condition for us to have approval our app in the MS Teams Store.
Please let me know the details for our case.
Many thanks
BH