SourceCanvas
App Store

新增内容 · 1.6.18

SourceCanvas

让 AI 画图，在 Mac 上真正看清结果

1.6.18 新增完全离线的 PlantUML，并把 PlantUML 文稿、模板、安全诊断、Agent Preview 与 MCP 工作流带到 SourceCanvas。

App Store 查看教程
  • 配合常见 MCP AI
  • 本地预览，不上传文稿
  • 20 种 Mermaid 图表及更多格式
SourceCanvas Mac 版宽屏预览截图

SourceCanvas 1.6.18 新增内容

让 Codex、ChatGPT、Gemini CLI、Qwen Code 等 AI 把流程、系统或想法写成 Mermaid、PlantUML、Graphviz 或 SVG。SourceCanvas 通过本地 MCP 接收并验证图表，实时显示结果，还能继续编辑和导出。

完全离线的 PlantUML

打开 .puml、.plantuml、.iuml 或 .pu 文稿，从时序图模板开始，并在设备上导出 SVG、矢量 PDF 或 PNG。

macOS MCP Agent

新增已签名的本地 Agent Service，提供七个图表工具、Resources、Prompts 与原生 AI Preview 窗口。

连接常用 AI

可检测并配置 ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI 与 Qwen Code；其他兼容 MCP 的 AI 可使用复制的连接配置。

单文件安全模型

PlantUML 的 include、import、URL 与文件图片默认被拦截；内联定义、sprite、内置主题、emoji 与 OpenIconic 可离线使用。

更可靠的文稿与 Agent 流程

Mac 上可更稳定地打开或拖入所有支持格式，包括被其他应用关联的 Graphviz .dot；Agent Service 启动与连接诊断也更可靠。

核心功能

不用在 AI 对话、在线渲染器和导出工具之间来回切换。SourceCanvas 把 AI 生成图表后的查看、校对与交付放进一个 Mac 工作区。

AI 的本地图表窗口

Mac 上的 Agent Service 可让 AI 验证、渲染和持续更新图表；同一个预览窗口可以跟随任务进度刷新。

从文字需求到可见图表

向熟悉的 AI 描述流程、架构、数据库或计划，再在 SourceCanvas 中立即查看生成的图表源码和真实结果。

各种图表都能看

覆盖流程图、时序图、架构图、类图、状态图、ER 图、甘特图、思维导图、时间线、看板、数据图等常见需求。

看不懂代码也能检查

Automatic 自动识别格式；适应屏幕、缩放、背景切换和友好错误定位帮助普通用户确认文字、连线与层级是否正确。

本地保存并清晰导出

图表核心渲染在设备上完成，可保存源码，或导出 SVG、矢量 PDF 与 PNG 1x/2x/3x 用于文档、演示和分享。

Mac 上属于你的 AI 图表窗口

SourceCanvas 1.6.18 在 macOS 内置签名的本地 MCP Server。让 Codex、ChatGPT、Gemini、Qwen Code 等 AI 调用专业图表工具，再把结果放进原生窗口中查看、修改和导出。

普通用户只需向 AI 描述想看的流程、系统关系、项目计划或知识结构。AI 负责生成 PlantUML、Mermaid、Graphviz 或 SVG，SourceCanvas 负责本地验证并快速显示；在编程等长时间任务中，AI 还可持续刷新架构图、状态图或进度图，让同一个 Preview ID 始终呈现当前状态。

可直接检测并配置 ChatGPT/Codex、Claude、Cursor、Visual Studio Code、Gemini 与 Qwen Code；其他 MCP Host 可使用复制的连接设置。

SourceCanvas macOS 设置中的 MCP 与 Agent 一键配置界面: 连接常用 AI
连接常用 AI直接设置 ChatGPT/Codex、Claude、Cursor、Visual Studio Code、Gemini 与 Qwen Code，并为其他兼容 Host 复制 MCP 连接设置。
SourceCanvas macOS 设置中的 MCP 与 Agent 一键配置界面: 授权后再写入
授权后再写入只更新 sourcecanvas 条目；首次配置由你选择配置目录，并在改动前保留本地备份。
SourceCanvas macOS 设置中的 MCP 与 Agent 一键配置界面: 连接诊断
连接诊断检查本地服务、签名 CLI 路径与 stdio/XPC 连接状态。
SourceCanvas macOS 设置中的 MCP 与 Agent 一键配置界面: AI 动态预览
AI 动态预览让 Agent 持续刷新 SVG、Mermaid、Graphviz 或 PlantUML，SourceCanvas 用原生窗口显示当前状态。

启用本地服务

在“设置 > MCP 与 Agent”中启用 Agent Service，并运行连接诊断。服务只在当前 Mac 上工作。

连接你常用的 AI

为 ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI 或 Qwen Code 添加 sourcecanvas；其他 MCP Host 可粘贴“复制 MCP 连接配置”的内容。

验证、预览与导出

七个 MCP 工具可检测、验证、渲染、检查和导出 SVG、Mermaid、Graphviz 与 PlantUML；同一 Preview ID 会持续更新一个原生 AI Preview 窗口，让长任务中的动态图表保持在当前状态。

SourceCanvas 只修改自己的 MCP 条目并保留本地备份，不会开启 Host 的信任或自动工具批准。MCP 通过本地 stdio/XPC 传递；macOS 以外的平台不开放 Agent Service。

查看隐私说明 查看配置帮助

完全离线

PlantUML 已在 SourceCanvas 1.6.18 中正式支持

直接打开或粘贴 PlantUML 时序图、类图与活动图源码。官方运行时完整内置于 App，渲染不需要服务器、Java 或外部 Graphviz；单文件安全模型会拦截 include/import 和外部图片。

在 App Store 查看
SourceCanvas 1.6.18 中真实渲染的 PlantUML 时序图
真实应用截图：PlantUML 源码、语法高亮与离线预览同屏显示。

可编写的 Mermaid 图表

SourceCanvas 重点支持把文字代码变成图表。你可以从常见图表入门，再逐步学习更多 Mermaid 图表类型。

流程与结构图

  • 流程图 flowchart / graph
  • 时序图 sequence diagram
  • 类图 class diagram
  • 状态图 state diagram
  • ER 图 entity relationship
  • 需求图 requirement diagram
  • C4 上下文图
  • 架构图 architecture
  • 块图 block diagram

项目与知识图

  • 甘特图 Gantt chart
  • 思维导图 mind map
  • 时间线 timeline
  • Git 图 git graph
  • 用户旅程图 journey
  • 看板 kanban

数据与分析图

  • 饼图 pie chart
  • 象限图 quadrant chart
  • 桑基图 sankey chart
  • XY 图 xychart

专用图表

  • 数据包图 packet diagram

部分较新的图表写法会随 Mermaid 版本演进；建议从流程图、时序图、甘特图和思维导图开始学习。

用代码画图教程

四个步骤完成图表编写、类型选择、视觉检查和保存导出。下方步骤可点击切换。

写一段图表代码，或打开本地文件

把 PlantUML、Mermaid 或 Graphviz DOT 代码写入编辑器，也可以直接打开 .svg、.mmd、.mermaid、.dot、.gv、.puml、.plantuml、.iuml 或 .pu 文件。

  • 适合从示例开始学习 Mermaid 图表。
  • 适合维护文档项目里的流程图和架构图。
  • macOS 支持拖入文件，iOS / iPadOS / visionOS 使用系统文件入口。
SourceCanvas 的 SVG 预览工作区截图
教程覆盖粘贴、文件打开、模式切换、预览缩放和导出。

支持平台

同一个预览流程适配桌面、触控屏和空间计算设备，根据屏幕尺寸调整源码与预览布局。

Mac：键盘优先的宽屏工作区

横向屏幕上保持源码与预览并排，适合在开发、文档和设计工具之间快速校对。

SourceCanvas Mac 版宽屏预览截图

解决普通用户常见的 AI 制图需求

围绕 AI 图表、AI 流程图、文本生成图表、Mermaid 编辑器和图表预览等常见搜索需求，SourceCanvas 提供的是可靠的本地查看与交付环节。

AI 流程图

把业务步骤、审批流程或操作说明交给 AI，再用 SourceCanvas 检查每个节点、分支和连接。

系统与架构图

查看 AI 生成的时序图、组件关系、服务架构、类图、状态图和数据库 ER 图。

计划与知识整理

用甘特图、时间线、思维导图、用户旅程和看板整理项目、课程、研究或个人计划。

Mermaid 与 UML 预览

打开 AI 返回的 Mermaid、PlantUML、Graphviz DOT、SVG 或 Markdown 代码块，并在本地即时渲染。

文档与演示导出

将确认后的图表导出为 SVG、PNG 或矢量 PDF，用于报告、幻灯片、需求文档、教程和分享。

常见问题

关于 SVG、Mermaid、Graphviz、PlantUML、文件格式、隐私和矢量导出的快速说明。

SourceCanvas 是免费的吗？

站点展示的是轻量本地预览工具的能力。实际价格和上架状态以 App Store 页面为准。

SourceCanvas 会上传我的文件吗？

不会上传文件。SVG、Mermaid、Graphviz 与 PlantUML 核心渲染在设备本地完成；只有用户开启“允许安全远程资源”后，应用才访问 SVG 指定的 HTTPS 或本机资源主机。

支持哪些文件格式？

支持 .svg、.mmd、.mermaid、Graphviz .dot/.gv、PlantUML .puml/.plantuml/.iuml/.pu，以及对应的 Markdown 代码块。

可以从 Finder 拖入文件吗？

可以。Mac 版接受所有已注册的源码格式；即使 .dot 扩展名被其他应用关联，SourceCanvas 仍会把内容作为 Graphviz 源码打开。iPhone、iPad 与 Apple Vision Pro 使用系统文稿浏览器。

Mermaid 背景为什么可以切换？

不同文档和设计场景会使用不同底色。透明、白色、纸张、浅蓝和深色背景能帮助更早发现对比度和边界问题。

导出的 SVG、PNG 和 PDF 适合什么场景？

SVG 与矢量 PDF 适合需要无损缩放的文档和评审；PNG 1x/2x/3x 适合工单、聊天和位图工作流。

iOS 保存和导出有什么变化？

系统文稿会自动保存源码并由文稿浏览器处理重命名与位置；预览导出仍单独提供 PNG 1x、PNG 2x、PNG 3x 和 PDF。

SourceCanvas 自己会调用 AI 吗？

不会。你继续使用自己选择的 Codex、ChatGPT、Gemini、Qwen Code 或其他 AI；SourceCanvas 是 Mac 上负责接收、验证、显示、编辑和导出图表的本地工具。

可以连接哪些 AI？

macOS 设置可直接配置 ChatGPT/Codex、Claude Desktop、Cursor、Visual Studio Code、Gemini CLI 与 Qwen Code。其他支持本地 stdio MCP 的 AI 可使用复制的连接设置；SourceCanvas 不会开启自动批准。