![how to get an app designed how to get an app designed](https://unbounce.com/photos/Best-App-Landing-Pages_feature.png)
The design is done and you’re ready to start building. Copy the components you need for your app design (for example, a button or toggle).In the UI kit’s left nav, go to Basic UI components.Use these components if a UI template is missing something you need or you just want to design your app from scratch. Copy templates that make sense for your app design.įor example, if you’re designing a personal app, you may want to use a Dashboard template.īased on Fluent UI, these are the core elements for creating familiar Teams interfaces.In the UI kit’s left nav, go to UI templates.Instead of starting from the bottom up with basic components, we recommend you use these templates to simplify and speed up the design process. UI templates are complex, high-fidelity designs for common Teams use cases and workflows. Once you have a basic app design, you can modify and refine it as much as you want by copying Teams UI templates and basic components from the UI kit.
![how to get an app designed how to get an app designed](https://imag.malavida.com/mvimgbig/download-fs/tag-with-ryan-26025-1.jpg)
Copy what you need from that page to design your app.įor example, if your app supports authentication with single sign-on, copy and paste the design for handling that exact scenario.In the UI kit’s left nav, go to App capabilities and select the capability you want for your app.For quick reference, this information is also in these docs, but with the UI kit you can copy and paste any of these designs into your app’s design. The UI kit has pre built designs that show you how people typically add, set up, use, and manage each capability.
![how to get an app designed how to get an app designed](https://cdn.dribbble.com/users/1518948/screenshots/11080133/media/3426dbbe1dc8898990b5284ddc39daab.jpg)
For example, if you want to proactively notify people, a bot might be the right capability. Choose app capabilitiesĪfter the planning phase, you can determine which Teams capabilities fit your app’s use cases. Read in depth about or at least familiarize yourself with the fundamentals of Teams app design, including layout, color schemes, and more. Get the sample app (GitHub) Learn Teams design system The UI kit also has pre-built templates and components that you can copy and modify as needed, so you can spend more time designing the best user experience instead worrying about what a button should look like. The UI kit has everything you see in these docs related to Teams app design and much more, including extensive examples and variations. The Microsoft Teams UI Kit can help you develop an effective Teams app in the shortest amount of time. At minimum, we strongly recommend using the Microsoft Teams UI Kit.
![how to get an app designed how to get an app designed](https://thumbor.forbes.com/thumbor/600x375/https://blogs-images.forbes.com/allbusiness/files/2014/10/developer.jpg)
Microsoft provides tools to make it easier to design your Teams app. What kind of return on investment can your app provide?įor more information, see understand your app’s use cases and map use cases to Teams.Before you start designing, however, answer the following questions: (Some of steps might be technically outside the design process but are included for additional context.)ĭesigning a high-quality Teams app requires understanding what you want the app to do and how you think people will use it. The following steps describe when and how you might use these during the design process. There are multiple tools and resources for designing your Microsoft Teams app.