Real-Time Multiplayer Editing for the Web Component Designer

[jogibear9988]

Enable multiple users to collaboratively edit the same document in real-time, similar to Figma’s multiplayer functionality. This will allow teams to work together seamlessly on UI designs, improving productivity and collaboration.

Key Features:

• Live Cursor & Presence Indicators – Show where other users are working in real-time.
• Conflict-Free Editing – Implement operational transformation (OT) or conflict-free replicated data types (CRDTs) to ensure smooth, simultaneous edits.
• Commenting & Annotations – Allow users to leave feedback directly within the designer.
• Multiple Document Support – Design a system that enables users to collaborate on multiple documents at once.
• Backend Synchronization – Use WebSockets or WebRTC for low-latency updates and a seamless experience.

Relevant Research & Resources:

Figma’s Multiplayer Technology
CRDTs in Action (YouTube)

[jogibear9988]

More infos/libs:

https://github.com/convergencelabs/monaco-collab-ext
https://convergence.io/

[jogibear9988]

Add a local Multiplayer test environment by using WebRtc RTCDataChannel
So in a local network, one could start a server and everybody in the same network could join

[jogibear9988]

Users should be able to add comments in designer like in figma

[jogibear9988]

we have now a basic impl