🎨 Excalidraw 文档绘图工具
为技术文档而生的专业图表生成器
✨ 特性一览
| 特性 | 说明 |
|---|---|
| 🎭 14 款主题 | 来自 Linear、Vercel、Figma 等知名设计系统 |
| 🎨 实心填充 | 专业实心颜色，拒绝杂乱斜线 |
| 📱 Excalidraw | 导出标准格式，可导入 Excalidraw 继续编辑 |
| 🔄 自动同步 | 配合 Obsidian + Quartz，文档图表自动上网 |
🎨 主题展示
主题列表
| 主题 | 来源 | 风格 |
|---|---|---|
| Linear | Linear App | 紫蓝色，专业简洁 |
| Vercel | Vercel | 极简黑色系 |
| Figma | Figma | 多彩、创意 |
| Radiant | Modern | Indigo/Violet 渐变 |
| Notion | Notion | 灰白、极简 |
| GitHub | GitHub | 开发者风格 |
| Spotify | Spotify | 活力绿色系 |
| Nord | Nord Theme | 北欧冷色系 |
| Dracula | Dracula | 暗紫、粉色 |
| Midjourney | Midjourney | 艺术渐变感 |
| Sunset | 自定义 | 日落橙红紫 |
| Ocean | 自定义 | 海洋蓝绿 |
| Forest | 自定义 | 森林绿 |
| Candy | 自定义 | 粉彩色 |
📋 典型使用场景
1. 系统架构图
清晰展示客户端、服务端、数据库的交互关系。
2. 工作流程图
展示任务的开始、过程、结束流程。
3. 方案对比
直观对比传统方式与 AI 辅助方式的优劣。
4. 时间线
展示项目各阶段的进度和里程碑。
🚀 快速开始
安装
# 克隆工具
git clone https://github.com/your-repo/excalidraw-generator.git
# 或直接使用
pip install excalidraw-gen基本使用
from excalidraw_gen import Scene, ModernColors
# 选择主题
s = Scene(theme="linear")
# 添加元素
s.rect(100, 100, 200, 80,
strokeColor=s.theme["primary"],
backgroundColor=s.theme["primary_light"])
s.text(120, 130, "Hello Excalidraw!", fontSize=16)
# 保存
s.save("diagram.excalidraw")在文档中使用
🎯 最佳实践
配色原则
- 主色统一 — 一个文档使用同一个主题
- 对比明确 — 重要信息用 Accent 强调
- 层次分明 — 背景用 Light，主要元素用 Primary
元素选择
| 场景 | 推荐元素 |
|---|---|
| 分组/模块 | Frame（框架） |
| 强调/重点 | Ellipse（椭圆） |
| 判断/决策 | Diamond（菱形） |
| 流程/关系 | Arrow（箭头） |
| 标签/说明 | Text（文本） |
📦 工具位置
- 生成器：
~/.openclaw/scripts/excalidraw-generator/excalidraw_gen.py - 示例：
~/.openclaw/scripts/excalidraw-generator/examples.py - 主题展示：
Cursor-AI-Guide/Cursor/03-实战/theme-*.excalidraw
🔗 相关资源
让文档更美观，让知识更易懂 ✨