Figma Offline Mode and Collaboration Sync: Engineering Teardown

Tech · 6 min read

Figma's core is a CRDT-inspired collaboration engine that prioritizes low-latency shared state. Introducing offline mode required changes to how local edits are batched, merged, and reconciled when connectivity returns. The engineering trade-offs include conflict resolution visibility, undo semantics, and how to surface merge outcomes to users.

Bandwidth and storage optimizations are equally important: differential updates, tile-based rendering, and lazy-loading of component metadata reduce sync costs for large files. We trace how these systems balance fidelity with responsiveness, especially on mobile and constrained networks.

Operationally, the teardown highlights monitoring needs and migration strategies for enterprise customers. Best practices include deterministic merge logs, user-visible conflict markers, and a lightweight 'rebase' UI for resolving concurrent edits without losing design intent.