Power BI UX/UI GuidePattern library & handbook

Start here

  • Getting Started
  • Power BI for Designers
  • Complete Index

Foundations

  • Core Principles
  • Architecture
  • Design System Strategy
  • Foundations & Tokens

Components

  • Native Components
  • Visualizations
  • Tables & Matrix
  • Filters & Slicers
  • KPI & Cards
  • Component Playground

Patterns

  • Interaction Patterns
  • Navigation Patterns
  • Page Patterns
  • Section Catalogue
  • Page Templates
  • Page Composition
  • Pattern Flow Explorer
  • Pattern Builder

Decision tools

  • Chart Selection
  • Native vs Custom
  • Restrictions Explorer
  • Good vs Avoid

Examples

  • Operational Overview
  • Cross-filter report
  • Drill-down
  • Drill-through
  • Tooltips

Handoff

  • Figma → Power BI
  • Developer Handoff
  • Definition of Ready
  • Accessibility
  • Responsive / Embedded
  • Anti-patterns
  • All guide sections
  • Glossary
Guide/Interactions

Interaction patterns

Each pattern below is a working simulation. Interact with it, then read what Power BI does natively.

Cross-filter & cross-highlightLive

Selecting a data point filters or highlights other visuals on the page. Default behaviour, configurable per visual pair.

Native — Format ▸ Edit interactions
Drill-down / drill-upLive

Move through a defined hierarchy inside one visual. Requires an explicit hierarchy in the model or visual field well.

Native — hierarchy in the field well
Drill-through to detailLive

Right-click a data point and jump to a detail page filtered by that context, with a back button.

Native — drillthrough filters + back button
Tooltips & report page tooltipsLive

Standard field tooltips for extra measures; report page tooltips for a small designed mini-page on hover.

Native — tooltip page (fixed canvas size)
Bookmarks & state switchingLive

Capture visibility, filter and selection state to switch views, toggle panels, or reset a page.

Native — bookmarks + selection pane
Slicer sync across pagesLive

Keep filter context stable while the user navigates between pages of the same report.

Native — Sync slicers pane
Source of truth: powerbi-ux-ui-guidelines-master.md (28 Aug 2026). Interactive examples are simulations of native Power BI behaviour, not the Microsoft product.
Edit with