Figma FigJam Live Collaboration: Real-time Networking and UX Teardown

Design · 5 min read

FigJam's magic lies in making remote whiteboarding feel instantly interactive: cursor presence, sticky notes, and live transformations all update fluidly. The UX favors human cues over tool rigidity — avatars, emoji reactions, and ephemeral pointers create social context. The design emphasizes permissive roles to lower barriers to participation while retaining basic moderation tools for larger sessions.

Under the hood, Figma uses operational transformation and CRDT hybrids to reconcile concurrent edits. For FigJam, lighter data types (notes, stickers) are synchronized with optimistic updates and local tombstones to prevent edit thrashing. The network layer prioritizes small, frequent diffs and uses region-aware routing and predictive state prefetching to reduce perceived lag for collaborators in different continents.

We also evaluated scalability: FigJam keeps sessions performant by sharding canvases into tiles and streaming only active tiles to participants. This reduces memory pressure on clients and enables large workshops with hundreds of viewers. The teardown closes with recommended UX affordances for large sessions, such as read-only views and focused presenter modes.