Native-firstWireframe pattern librarySource: powerbi-ux-ui-guidelines-master.md

Power BI UX/UI Design Guide

A shared reference for designers, BI developers and product teams. Move from UX requirement → pattern → component → Power BI implementation using 133 catalogued capabilities, 24 page archetypes and working interaction examples.

I am a…

Designer“What can I design in Power BI, and what are the constraints?”Open the component library Power BI Developer“Which native functionality implements this design?”Open the complete index Product Manager“Which reusable pattern answers this business question?”Open page patterns

I want to…

Design a pageChoose a chartFind a componentUnderstand a limitationCreate a filter patternBuild a detail flowPrepare developer handoffExplore native capabilities
133
Catalogued capabilities
24
Page archetypes
235
Indexed entries
63
Live examples
Power BI platform fact
Power BI visuals are the building blocks of report pages and interact through cross-filtering and cross-highlighting. Q&A is scheduled to go away in December 2026; Azure Maps is the preferred map direction.
Simulation of native Power BI behaviour
Every interactive example in this guide is a browser simulation built on one shared fictional retail dataset. It demonstrates behaviour — it is not evidence that Power BI supports it. Implementation notes state the native mechanism.

Recommended starting sequence

  1. 1Understand the page question
  2. 2Pick a page pattern
  3. 3Compose the page
  4. 4Choose visuals
  5. 5Define interactions
  6. 6Check restrictions
  7. 7Decide native vs custom
  8. 8Hand over to development