SyncingBoard
Stateless, in-place synchronization bridging Figma and Penpot directly to Miro canvases.
Live Product & Repository: Try SyncingBoard for free at syncingboard.com or inspect the open-source codebase on GitHub.
The Architectural Vision
SyncingBoard is an open-source, stateless sync engine designed to solve a persistent friction point in digital product development: the drift between design tools and collaborative whiteboards.
When product, design, and engineering teams collaborate across timezones, Miro serves as the source of truth for stakeholder alignment, flow documentation, and async walkthroughs. However, keeping Miro updated as UI designs iterate in Figma or Penpot traditionally requires manual re-exports, duplicate image uploads, or browser-freezing live embeds.
SyncingBoard eliminates this friction by providing in-place canvas synchronization driven by a privacy-first, serverless relay infrastructure.
Explore the Technical Architecture
Dive deeper into the specific engineering decisions behind SyncingBoard:
- In-Place Engine: How Miro metadata tagging preserves board structure and comment threads.
- Sources & Targets: How Figma REST API batching, Penpot Companion DOM capture, and FigJam adapters operate.
- Serverless Relay Architecture: Breakdown of the Vercel + Ably + Upstash Redis stateless infrastructure.
- Security & Privacy: Zero-retention ephemeral pipelines, cryptographic pairing, and header-based credential isolation.
- Case Study: Penpot Integration: Technical deep dive on Penpot page automation, DOM mounting constraints, and core team API feedback.
SyncingBoard was built under The Studio of Two methodology - pairing human design intent with AI developer agents to ship production software.