figram
YAML-driven architecture diagrams for FigJam with real-time sync
Plugin Preview
About this plugin
Define cloud architecture diagrams as code in YAML and sync them live to FigJam.
Features:
• Diagram as Code: Write infrastructure diagrams in simple YAML format
• Multi-Cloud Support: AWS, GCP, and Azure icons built-in
• Live Sync: Edit your YAML file and watch FigJam update in real-time
• Incremental Updates: Only changed elements are updated, preserving manual adjustments
• Containers: Support for VPC, Subnet, VNet as nested frames
• Custom Icons: Bring your own icon sets
How to use:
1. Create diagram: npx figram init
2. Start sync: npx figram serve diagram.yaml
3. Connect from this plugin using the docId and WebSocket URL
Perfect for DevOps engineers, cloud architects, and teams who want to version-control their architecture diagrams.
Plugin Details
| Version | 3 |
|---|---|
| Created | January 2, 2026 |
| Last Updated | January 6, 2026 |
| Category | Software development |
| Creator | Daiki Urata |
| Stats | 3 installs, 2 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
WebSocket connection to local CLI server for syncing diagram data
- Editor Types:figjam
- Allowed Domains:
- *
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.