[feature]: Adding Eraser.io in Integrations
Open
@vihar is already working on this.
Since Sep 20, 2026.
✨feature
plane
- Dominant language
- TypeScript
- Stars
- 59.6k
- Forks
- 5.8k
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 49
Description
Is there an existing issue for this?
- I have searched the existing issues
Summary
📌 Overview
Integrate Eraser.io into Plane to enable engineering teams to seamlessly embed, view, and link technical architecture diagrams, flowcharts, and technical specs directly within Plane Issues, Pages, Modules, and Project Settings.
💡 Why this Feature? (Problem & Value Proposition)
- Problem: Developers and architects design software architecture, sequence diagrams, and flowcharts in Eraser.io, but have to copy-paste static screenshots into Plane issues, which quickly become outdated.
- Value:
- Live Diagrams in Plane: Keeps architecture docs and technical specs dynamic and up-to-date inside Plane.
- Faster Context Switching: Developers can view architecture models directly in issue descriptions without navigating away.
- Visual Task Breakdown: Architecture diagram nodes or flows can be linked to corresponding Plane issues/modules.
📅 Phased Milestones
| Milestone | Title & Objective | Key Deliverables | Affected Codebase Modules | Acceptance Criteria |
|---|---|---|---|---|
| Milestone 1 | Architecture Design | • Research Eraser API & oEmbed schemas • Draft API data flow RFC |
Spec / RFC Document | • Approved Architecture design • Verified Eraser API endpoints |
| Milestone 2 | Editor Embed & Slash Command | • Add /eraser slash command• Build TipTap iframe embed node • Auto-unfurl Eraser URLs |
packages/editor |
• Paste Eraser link to embed live diagram • Interactive diagram preview in issues/pages |
| Milestone 3 | Backend Models & Webhooks | • Add Django EraserIntegration model• Build connection & metadata APIs • Webhook receiver for updates |
apps/api |
• API stores & validates Eraser API keys • Metadata endpoint fetches title & thumbnail |
| Milestone 4 | Settings UI & Issue Sidebar | • Eraser card in Workspace Settings • Connection modal (API token input) • Issue sidebar diagram links widget |
apps/webpackages/shared-state |
• Admins can connect/disconnect integration • Issues show linked Eraser architecture docs |
| Milestone 5 | Testing, Specs & PR Ready | • Write backend pytest & frontend tests • Run pnpm check (oxlint, types)• Prepare PR & documentation |
apps/api/tests/docs/ |
• Clean test pass & pnpm check • Ready for maintainer review |
Why should this be worked on?
Most dev teams use Eraser for architecture diagrams and Plane for tracking tasks. Integrating Eraser lets us embed live, auto-updating diagrams inside issue descriptions instead of static screenshots. It keeps tech specs up to date in one place.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.