Figma's collaborative cursors and latency work: a teardown for real-time design

Design · 5 min read

Figma's collaborative experience relies on predicting intent and smoothing updates across clients. The visible collaborator cursors and selection halos are more than cosmetic; they provide social signals that reduce destructive conflicts. Figma's conflict resolution favors deterministic merging of vector edits and uses optimistic local updates to preserve flow.

Latency mitigation is handled through a combination of client-side prediction and server reconciliation. Small edits are applied immediately locally, then reconciled when the server confirms. The UI provides subtle beats for reconciling non-trivial conflicts, like nudging objects back into place rather than silently overwriting them, which preserves trust between collaborators.

Design teams can learn from Figma's approach to making concurrency legible. Always make other users' intents visible, provide optimistic updates to preserve flow, and use gentle visual affordances to resolve conflicts. The technical constraints are important, but the design is ultimately what makes real-time collaboration feel humane.