Modern Power Apps UI Design Tutorial for Beginners (Step-by-Step)
In this comprehensive Power Apps UI design tutorial, you’ll learn how to build modern, professional user interfaces in Microsoft Power Apps — step by step. ...

Reza Dorrani
52.0K views • Jun 23, 2025

About this video
In this comprehensive Power Apps UI design tutorial, you’ll learn how to build modern, professional user interfaces in Microsoft Power Apps — step by step.
This hands-on PowerApps session covers essential design elements, including:
Custom headers and card effects
Horizontal bar and gallery layout design
Gallery styling for enhanced UI
Custom button and component styling
Drop shadow techniques
Structuring a clean, dashboard-style home screen
Whether you're a beginner or an intermediate user, this tutorial offers practical techniques to enhance both the appearance and usability of your Power Apps.
🔍 What You’ll Learn:
Step-by-step modern UI/UX design in Power Apps
How to improve overall app design and user experience
#PowerApps #PowerPlatform #AppDesign #CanvasApps
⬇️ Download Power App UI design shown in video
➡️ The link is in Membership Tab for Channel Members (Gold 🥇 OR Silver 🥈)
To become a member, click here: https://www.youtube.com/rezadorrani/join
🔗 A new way to build Power Apps
https://www.youtube.com/watch?v=MZjgTm9BUmc
🔗 Ria's idea of a Modern Power Apps UI design
https://www.linkedin.com/posts/ria-maity-88455014b_powerapps-microsoft-powerplatform-activity-7338644523742294016-r58P
Table of Contents:
0:00 - Introduction to Modern Power Apps UI Design for Beginners
0:52 - Level Up – Power Apps UI design
3:51 - Build Power Apps UI Design - Step-by-Step
7:58 - Power Apps UI design: User Welcome Card
10:41 - Power Apps UI design: Build Cards with Containers
16:25 - Power Apps Gallery Modern UI design
23:49 - Power Apps Left Container UI design
25:16 - Power Apps Horizontal Bar design
This hands-on PowerApps session covers essential design elements, including:
Custom headers and card effects
Horizontal bar and gallery layout design
Gallery styling for enhanced UI
Custom button and component styling
Drop shadow techniques
Structuring a clean, dashboard-style home screen
Whether you're a beginner or an intermediate user, this tutorial offers practical techniques to enhance both the appearance and usability of your Power Apps.
🔍 What You’ll Learn:
Step-by-step modern UI/UX design in Power Apps
How to improve overall app design and user experience
#PowerApps #PowerPlatform #AppDesign #CanvasApps
⬇️ Download Power App UI design shown in video
➡️ The link is in Membership Tab for Channel Members (Gold 🥇 OR Silver 🥈)
To become a member, click here: https://www.youtube.com/rezadorrani/join
🔗 A new way to build Power Apps
https://www.youtube.com/watch?v=MZjgTm9BUmc
🔗 Ria's idea of a Modern Power Apps UI design
https://www.linkedin.com/posts/ria-maity-88455014b_powerapps-microsoft-powerplatform-activity-7338644523742294016-r58P
Table of Contents:
0:00 - Introduction to Modern Power Apps UI Design for Beginners
0:52 - Level Up – Power Apps UI design
3:51 - Build Power Apps UI Design - Step-by-Step
7:58 - Power Apps UI design: User Welcome Card
10:41 - Power Apps UI design: Build Cards with Containers
16:25 - Power Apps Gallery Modern UI design
23:49 - Power Apps Left Container UI design
25:16 - Power Apps Horizontal Bar design
Tags and Topics
Browse our collection to discover more content in these categories.
Video Information
Views
52.0K
Likes
807
Duration
30:07
Published
Jun 23, 2025
User Reviews
4.6
(10) Related Trending Topics
LIVE TRENDSRelated trending topics. Click any trend to explore more videos.
No specific trending topics match this video yet.
Explore All Trends