0
0
Figmabi_tool~8 mins

Branching and merging in Figma - Dashboard Guide

Choose your learning style9 modes available
Dashboard Mode - Branching and merging
Goal

Understand how branching and merging help teams work together on BI dashboard designs without conflicts.

Sample Data: Branches and Changes
Branch NameCreated ByCreated DateChanges MadeStatus
mainAlice2024-06-01Initial dashboard layoutActive
feature-sales-chartBob2024-06-03Added sales bar chartReady to merge
feature-filter-panelCarol2024-06-04Created filter panel for regionsReady to merge
bugfix-typoDave2024-06-05Fixed typo in KPI cardMerged
feature-kpi-cardsEve2024-06-06Added KPI cards for revenueIn progress
Dashboard Components
  • Main Branch: Base dashboard layout with placeholders for charts and filters.
  • Sales Bar Chart (feature-sales-chart): Bar chart showing monthly sales totals. Formula: Sum of sales by month.
  • Filter Panel (feature-filter-panel): Interactive panel to filter data by region. Connected to all charts and tables.
  • KPI Cards (feature-kpi-cards): Cards showing total revenue, average sales, and number of customers. Calculated using sum and average formulas.
  • Bugfix (bugfix-typo): Corrected text label on KPI card for clarity.
Dashboard Layout
+--------------------------------------------------+
|                   KPI Cards                       |
|  [Total Revenue]  [Avg Sales]  [Customers]       |
+--------------------------------------------------+
|  Filter Panel           |      Sales Bar Chart    |
|  (Region filter)        |      (Monthly sales)    |
+--------------------------------------------------+
Interactivity

The filter panel lets users select regions. When a region is selected, the sales bar chart and KPI cards update to show data only for that region. Branches adding these components merge their changes so the dashboard works smoothly together.

Self Check

If you add a filter for Region = 'East', which components update?

  • Sales Bar Chart updates to show sales only for East region.
  • KPI Cards update to show revenue, average sales, and customers for East region.
  • Main layout and filter panel remain the same.
Key Result
A BI dashboard demonstrating how branching and merging combine sales charts, filters, and KPI cards for collaborative design.