0
0
Figmabi_tool~8 mins

Real-time multiplayer editing in Figma - Dashboard Guide

Choose your learning style9 modes available
Dashboard Mode - Real-time multiplayer editing
Dashboard Goal

Track and analyze real-time collaboration activity in a multiplayer editing session.

This dashboard answers: How many users are actively editing, what parts of the document are being worked on, and how changes are distributed over time?

Sample Data
User Section Edited Edits Count Timestamp Active Status
AliceHeader510:01Yes
BobBody810:02Yes
CharlieFooter210:03No
AliceBody310:04Yes
BobHeader110:05Yes
DianaSidebar410:06Yes
CharlieBody110:07No
Dashboard Components
  • KPI Card: Active Users - Counts distinct users with Active Status = Yes.
    Formula: CALCULATE(DISTINCTCOUNT(Data[User]), Data[Active Status] = "Yes")
    Result: 4
  • KPI Card: Total Edits - Sum of all Edits Count.
    Formula: SUM(Data[Edits Count])
    Result: 24
  • Bar Chart: Edits by Section - Shows total edits per Section Edited.
    Formula: SUM of Edits Count grouped by Section Edited
    Data points: Header=6, Body=12, Footer=2, Sidebar=4
  • Table: User Edit Details - Lists User, Section Edited, Edits Count, Timestamp, Active Status.
  • Line Chart: Edits Over Time - Shows sum of Edits Count by Timestamp.
    Data points: 10:01=5, 10:02=8, 10:03=2, 10:04=3, 10:05=1, 10:06=4, 10:07=1
Dashboard Layout
+----------------------+-----------------------+
|  Active Users (KPI)  |   Total Edits (KPI)   |
+----------------------+-----------------------+
|                                              |
|          Edits by Section (Bar Chart)         |
|                                              |
+----------------------+-----------------------+
|                                              |
|          Edits Over Time (Line Chart)         |
|                                              |
+----------------------+-----------------------+
|                                              |
|             User Edit Details (Table)         |
|                                              |
+----------------------------------------------+
    
Interactivity

Filter by User or Section Edited to update all components dynamically.

For example, selecting Alice filters the KPI cards, charts, and table to show only Alice's edits and activity.

Time slider allows focusing on edits within a specific time range, updating charts and table accordingly.

Self Check

If you add a filter for Section Edited = Body, which components update?

  • Active Users KPI updates to count users active in Body section (Alice, Bob).
  • Total Edits KPI updates to sum edits only in Body section (3 + 8 + 1 = 12).
  • Edits by Section bar chart updates to show only Body section edits.
  • Edits Over Time line chart updates to show edits timestamps only for Body section.
  • User Edit Details table filters to show only rows where Section Edited = Body.
Key Result
Dashboard showing real-time multiplayer editing activity: active users, total edits, edits by document section, and edits over time.