새로운 기능 · 1.6.18

SourceCanvas

AI가 그리고, Mac에서 실제 다이어그램을 확인하세요

1.6.18에서는 완전 오프라인 PlantUML 문서, 템플릿, 보안 진단, Agent Preview와 MCP 워크플로를 추가했습니다.

주요 MCP AI Host와 연동
문서 업로드 없는 로컬 미리보기
Mermaid 20종과 여러 형식

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가 7개의 다이어그램 도구, Resources, Prompts와 네이티브 AI Preview 창을 제공합니다.

주요 AI Host 연결

ChatGPT/Codex, Claude Desktop, Cursor, Visual Studio Code, Gemini CLI, Qwen Code를 감지해 설정합니다. 다른 MCP 호환 Host는 복사한 연결 설정을 사용할 수 있습니다.

단일 파일 보안 모델

PlantUML include/import 및 URL·파일 이미지는 차단하고, 인라인 정의, sprite, 내장 테마, emoji와 OpenIconic은 오프라인에서 사용할 수 있습니다.

더 안정적인 문서 및 Agent 흐름

Mac에서 지원 형식을 더 안정적으로 열거나 끌어 놓을 수 있으며 다른 앱에 연결된 Graphviz .dot도 처리합니다. Agent Service 시작과 연결 진단도 개선했습니다.

핵심 기능

AI 채팅, 온라인 렌더러, 내보내기 도구를 오가지 않고 AI가 만든 다이어그램의 검토와 결과물을 하나의 Mac 작업 공간에서 처리합니다.

AI를 위한 로컬 다이어그램 창

Mac Agent Service가 AI의 다이어그램을 검증하고 렌더링하며 작업 진행에 따라 같은 네이티브 미리보기를 갱신합니다.

일상 언어 요청에서 보이는 결과로

사용 중인 AI에 업무 흐름, 아키텍처, 데이터베이스, 계획을 설명하고 생성된 소스와 다이어그램을 바로 확인합니다.

여러 종류의 다이어그램

플로우차트, 시퀀스와 아키텍처, 클래스, 상태, ER, 간트, 마인드맵, 타임라인, 칸반, 데이터 차트 등을 표시합니다.

문법을 몰라도 쉽게 점검

Automatic, 화면 맞춤, 줌, 배경, 이해하기 쉬운 오류 위치로 글자, 연결, 계층을 확인합니다.

로컬 저장과 선명한 내보내기

렌더링은 기기에서 실행됩니다. 소스를 저장하거나 SVG, 벡터 PDF, PNG 1x/2x/3x로 내보낼 수 있습니다.

Mac에서 사용하는 AI 전용 다이어그램 창

SourceCanvas 1.6.18는 macOS에 서명된 로컬 MCP Server를 포함합니다. Host, 구성 접근 권한, 파일 범위를 직접 선택하고 다이어그램 요청을 편집 가능한 실시간 미리보기로 만드세요.

필요한 업무 흐름, 시스템 관계, 프로젝트 계획, 지식 구조를 AI에 설명하세요. AI가 PlantUML, Mermaid, Graphviz 또는 SVG를 만들고 SourceCanvas가 로컬에서 검증해 표시합니다. 긴 코딩 작업에서는 같은 Preview ID로 아키텍처나 진행 상태를 계속 갱신할 수 있습니다.

ChatGPT/Codex, Claude, Cursor, Visual Studio Code, Gemini, Qwen Code는 직접 구성하고 다른 MCP Host는 복사한 연결 설정을 사용합니다.

macOS용 SourceCanvas MCP 및 Agent 설정 화면: 주요 AI Host 연결 — **주요 AI Host 연결**ChatGPT/Codex, Claude, Cursor, Visual Studio Code, Gemini, Qwen Code를 직접 설정하고 다른 호환 Host에는 MCP 설정을 복사합니다.

macOS용 SourceCanvas MCP 및 Agent 설정 화면: 승인 후에만 쓰기 — **승인 후에만 쓰기**sourcecanvas 항목만 변경하고 설정 접근을 요청하며 기존 구성의 로컬 백업을 유지합니다.

macOS용 SourceCanvas MCP 및 Agent 설정 화면: 연결 진단 — **연결 진단**로컬 서비스, 서명된 CLI 경로, stdio/XPC 연결 상태를 확인합니다.

macOS용 SourceCanvas 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에는 복사한 연결 설정을 붙여 넣습니다.

검증, 미리보기, 내보내기

7개의 MCP 도구가 SVG, Mermaid, Graphviz, PlantUML을 감지, 검증, 렌더링, 검사 및 내보냅니다. 같은 Preview ID는 하나의 AI Preview 창을 갱신해 장시간 작업의 실시간 다이어그램도 현재 상태로 유지합니다.

SourceCanvas는 자체 MCP 항목만 변경하고 로컬 백업을 보관합니다. Host 신뢰 또는 자동 도구 승인을 켜지 않습니다. MCP는 로컬 stdio/XPC를 사용하며 Agent Service는 macOS 전용입니다.

개인정보 보호 보기 설정 도움말 보기

완전 오프라인

SourceCanvas 1.6.18에서 PlantUML 정식 지원

PlantUML 시퀀스, 클래스, 활동 다이어그램을 열거나 붙여넣을 수 있습니다. 공식 런타임이 앱에 포함되어 서버, Java 또는 외부 Graphviz가 필요 없습니다. 단일 파일 보안 모델은 include/import 및 외부 이미지를 차단합니다.

App Store에서 보기

SourceCanvas 1.6.18에서 렌더링한 PlantUML 시퀀스 다이어그램 — 실제 앱 화면: PlantUML 소스, 구문 강조, 오프라인 미리보기를 나란히 표시합니다.

작성할 수 있는 Mermaid 다이어그램

SourceCanvas는 읽기 쉬운 코드를 유용한 다이어그램으로 바꾸는 데 집중합니다. 익숙한 다이어그램 이름으로 시작해 필요한 스타일을 차근차근 배울 수 있습니다.

흐름과 구조

플로우차트 / graph
시퀀스 다이어그램
클래스 다이어그램
상태 다이어그램
ER 다이어그램
요구사항 다이어그램
C4 컨텍스트 다이어그램
아키텍처 다이어그램
블록 다이어그램

계획과 지식

간트 차트
마인드맵
타임라인
Git 그래프
사용자 여정
칸반

데이터와 분석

파이 차트
사분면 차트
생키 차트
XY 차트

전문 다이어그램

패킷 다이어그램

일부 새로운 다이어그램 스타일은 계속 발전할 수 있습니다. 플로우차트, 시퀀스 다이어그램, 간트 차트, 마인드맵부터 시작하기 좋습니다.

코드로 그리기 튜토리얼

다이어그램 코드를 쓰고, 모드를 선택하고, 결과를 확인한 뒤 저장하거나 내보내는 네 단계로 진행합니다.

다이어그램 코드를 쓰거나 로컬 파일 열기

PlantUML, Mermaid 또는 Graphviz DOT를 편집기에 쓰거나 .svg, .mmd, .mermaid, .dot, .gv, .puml, .plantuml, .iuml, .pu 파일을 직접 엽니다.

예제로 Mermaid 다이어그램을 배우기에 좋습니다.
문서 프로젝트의 플로우차트와 아키텍처 다이어그램을 유지할 수 있습니다.
macOS는 드래그 앤 드롭을 지원하며 iOS / iPadOS / visionOS는 시스템 파일 진입점을 사용합니다.

SourceCanvas SVG 미리보기 작업 화면 — 튜토리얼은 붙여넣기, 파일 열기, 모드 전환, 확대 확인, 내보내기를 다룹니다.

지원 플랫폼

하나의 미리보기 흐름이 데스크톱, 터치 화면, 공간 컴퓨팅 기기에 맞춰 화면 크기별 레이아웃으로 조정됩니다.

Mac: 키보드 중심의 넓은 작업 공간

가로 화면에서는 소스와 미리보기를 나란히 유지해 개발, 문서, 디자인 도구 사이에서 빠르게 검토할 수 있습니다.

일상적인 AI 다이어그램 요구에 맞게

AI 다이어그램 생성기, AI 플로우차트, text to diagram, Mermaid 편집기, 다이어그램 뷰어라는 검색 요구를 실제로 쓸 수 있는 로컬 결과로 연결합니다.

AI 플로우차트

업무 단계, 승인 경로, 사용 설명을 AI에 전달하고 각 노드, 결정, 연결을 SourceCanvas에서 점검합니다.

시스템과 아키텍처

AI가 만든 시퀀스, 컴포넌트, 서비스 아키텍처, 클래스, 상태, 데이터베이스 ER 다이어그램을 봅니다.

계획과 지식 정리

간트, 타임라인, 마인드맵, 사용자 여정, 칸반으로 프로젝트, 수업, 연구, 개인 계획을 정리합니다.

Mermaid와 UML 미리보기

AI가 반환한 Mermaid, PlantUML, Graphviz DOT, SVG, Markdown 코드 블록을 기기에서 바로 렌더링합니다.

문서와 발표용 내보내기

확인한 다이어그램을 SVG, PNG, 벡터 PDF로 내보내 보고서, 슬라이드, 요구사항, 튜토리얼에 사용합니다.

FAQ

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 확장자에 연결되어 있어도 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 Host는 복사한 연결 설정을 사용할 수 있으며 자동 승인은 켜지 않습니다.