IGMA - Infinite Canvas

IGMA - Infinite Canvas — Frontend Engineering

IGMA is a high-performance Figma clone built natively on HTML5 Canvas. It features real-time multiplayer collaboration through WebRTC, enabling live cursor tracking and in-canvas chat bubbles. The architecture leverages Yjs CRDT for seamless peer-to-peer state synchronization without conflicts.

‍

Technologies

• React.js & Vite
• HTML5 Canvas API
• WebRTC (y-webrtc) & Yjs (CRDT)
• Tailwind CSS

‍

Key Implementations

• Engineered an infinite pan-and-zoom HTML5 Canvas with hardware acceleration.
• Implemented real-time multiplayer cursors and on-canvas chat using WebRTC and Yjs CRDTs.
• Developed a complete layer management system with renaming, visibility toggling, and smart snapping guides.
• Created an interactive minimap and status bar for professional-grade design workflows.

‍