Figma Real-Time Collaboration Teardown: Latency, Presence, and Conflict Resolution

Tech · 7 min read

Figma's collaboration experience rests on operational transformation and WebRTC-based presence to provide sub-second cursor updates and shape edits. Presence indicators and avatars are granular, showing selection outlines and editing handles that reduce edit conflicts by making intentions visible.

Conflict resolution in Figma is handled via optimistic local updates with server-side merging and a simple last-writer semantics for certain properties. The product prioritizes immediate feedback over strict locking, with lightweight UI hints when conflicting changes occur, which preserves flow for co-editing sessions.

We draw design recommendations: show transient affordances for in-progress edits, provide gentle conflict recovery paths, and invest in network resiliency features like change buffering and reconnection merging. For realtime collaboration, perception of immediacy is as important as correctness.