인기: 데이터 업데이트: 2026년 10월 27일

카테고리

인터넷1,356
커뮤니케이션321
오디오 및 비디오898
그래픽 및 디자인539
오피스 및 생산성1,124
개발 도구3,134
AI 도구529
보안 및 개인정보385
시스템 도구3,114
게임523
교육 및 과학239
네트워크 및 IT284

Trellis 이전 버전 및 전체 버전

Mermaid-compatible diagram renderer with overlap-free orthogonal edge routing

Trellis Lab 드로잉 및 디자인 #89 드로잉 및 디자인

2026년 7월 22일부터 현재 버전 1.9.0까지 Trellis의 6개 버전을 모았습니다. 모든 버전은 제공사의 공식 설치 파일로 연결됩니다.

2026: 6 6 26
버전날짜크기파일
1.9.0최신 2026년 10월 26일 — 64비트 포터블
릴리스 노트
## New features

• Trellis Flow in VS Code:a new Trellis icon in the activity bar finds the C4 models and Mermaid sequence diagrams in a folder, and steps through a sequence on top of the C4 diagram. Each message lights up the nodes and relations it uses, with the rest fading out; participants missing from the C4 model are drawn as dashed temporary nodes and messages with no relation as dashed edges, with "did you mean" hints. Trellis Flow is part of the paid license: without one the Trellis view shows a short demo, a link to the website and how to enter a license key.
• Trellis Flow follows your edits:saving the sequence or C4 file keeps you on the same message, pauses playback and asks before reloading, and keeps the last valid version on screen when a file has a syntax error. A reload bar offers Reload and Show changes, new, changed and removed messages are tagged in the sequence, and your zoom level is kept.
• The Trellis sidebar uses native VS Code panes (Source, C4 Model, Sequences, Validation) with collapsible headers, count badges, hover actions and the built-in Ctrl/Cmd+F filter.
• The Flow diagram follows your VS Code theme:`trellisFlow.theme` picks a light or dark Trellis theme automatically, reuses `trellis.theme`, or uses a theme you name.
• Highlighted nodes keep their own colour, so a Person and a Container in the same step stay easy to tell apart, on light and dark themes alike.
• Follow step only moves the view when the current step is out of sight, pans the shortest distance, and zooms out when the step does not fit. Dragging or zooming stops the animation.
• The mini sequence diagram shows Mermaid notes on the lifelines, and draws `loop`, `alt`, `opt`, `par`, `critical`, `break` and `rect` blocks as nested, foldable sections. The step card lists the notes and enclosing blocks of the current step, with links to their source lines.
• Async messages (`-)` and `--)`) are drawn as fire-and-forget calls with a hollow arrowhead instead of being treated as returns.
• Participant names stay pinned above the mini sequence diagram while you scroll through the steps.
• The mini sequence diagram font size, font weight and line width are configurable (`trellisFlow.sequenceFontSize`, `sequenceFontWeight`, `sequenceLineWidth`), and lifelines spread over the full column width.
• The Flow details column can be resized by dragging; its width is kept when you switch tabs. The activity bar shows the Trellis logo, which follows your theme.
• Anonymize diagrams before sharing them in bug reports:`trellis anonymize` replaces every name and label with a random word of the same length while keeping the diagram's structure and syntax, and checks that the result still parses to the same diagram. The same word always gets the same replacement, so references stay intact. Works for flowchart, class, ER, C4 and architecture diagrams. Part of the paid license.
• VS Code can anonymize too:Anonymize Diagram in Place (undoable), Copy Anonymized Diagram, and Save Anonymized Diagram… for `.mmd` files and Markdown mermaid blocks.
• `%% trellis c4role <role>` above a plain `Container` or `Container_Ext` draws it with a custom container shape in Trellis, while other Mermaid renderers still show a standard container.

## Improvements

• Diagram types Trellis does not lay out itself (sequence, gantt and others) are previewed with Mermaid.js 12 in VS Code, so they match Mermaid's current default look.

## Fixes

• `ContainerFrontend` and `ContainerApp` read their arguments in the same order as other C4 containers:technology before description. Diagrams with three or more arguments now show them in the right place.
• Comments starting with `%%` followed by non-ASCII text no longer crash render and validate.
• The VS Code preview recovers by itself after an internal rendering error instead of staying broken until the preview is reopened.
• The Pandoc filter now recognises `architecture-beta` diagrams and diagrams that start with frontmatter or `%%` comm
1.8.1 2026년 9월 25일 — 64비트 포터블
릴리스 노트
## Fixes

• The interactive HTML viewer no longer shows a cluttered subgraph legend in the corner; the tag legend still covers filtering and highlighting.
• Scrolling in the interactive HTML viewer now pans the diagram instead of zooming it. Use ctrl/cmd+scroll to zoom at the cursor, shift+scroll to pan horizontally, and arrow keys, +/-, or 0 to pan/zoom/reset from the keyboard.
1.7.0 2026년 9월 10일 — 64비트 포터블
릴리스 노트
## New features

• Node and edge labels now support markdown formatting (bold, italic, line breaks) using backtick-quoted strings, matching Mermaid's label syntax.
• VS Code preview's Mermaid.js fallback diagrams now match Trellis's own color theme, so they stay readable in both light and dark VS Code themes.
• Discord invite is now available site-wide (website, editor, CLI `--help`, READMEs), and new releases are announced automatically in Discord.

## Fixes

• Fixed the VS Code preview piling up stale error overlays on top of the diagram when editing invalid diagram syntax.
1.6.0 2026년 8월 22일 — 64비트 포터블
릴리스 노트
## New features

• Added an "Inspect Diagram" command to the VS Code extension — render the current diagram to an interactive view and explore it directly in a webview panel.
• VS Code preview now has a pan/zoom viewport:cursor-anchored zoom, drag-to-pan, and a sharper re-render as you zoom in. Your zoom/pan position is remembered per document.
• VS Code preview now falls back to Mermaid.js rendering for diagram types Trellis doesn't yet support (e.g. sequence, gantt, pie), instead of showing broken or blank output.

## Fixes

• Deploy-built CLI binaries and Docker images now report the correct version number instead of "0.0.0".
• Fixed the diagram inspector so nodes nested inside multiple levels of boundaries (e.g. a C4 deployment node inside another) correctly show their full boundary breadcrumb, and boundary counts in the legend are now accurate.
• Fixed labels containing a semicolon or `%%` being incorrectly split during parsing, which could break C4 diagrams and corrupt flowchart labels.
• Fixed C4 diagrams not rendering an inline `title` directive, and fixed diagram titles being silently dropped in other diagram types when no frontmatter title was set.
• Fixed class diagrams with quoted edge multiplicity (e.g. `"1" *-- "0..1"`) corrupting node names instead of attaching the label to the edge; multiplicity labels now render correctly in SVG, ASCII, and drawio export.
• Fixed the VS Code preview going blank when a diagram fell back to Mermaid.js rendering.
• Fixed VS Code Marketplace publishing failures caused by an Azure Authentication changes.

## Documentation

• Updated the VS Code extension README to point to the correct subscribe page.
• Documented recent changes to the VS Code Marketplace deployment process.
• Updated release documentation and changelog generation process.
1.5.2 2026년 8월 21일 — 64비트 포터블
릴리스 노트
## New features

* Added an "Inspect Diagram" command to the VS Code extension — render the current diagram to an interactive view and explore it directly in a webview panel.

## Fixes

* Deploy-built CLI binaries and Docker images now report the correct version number instead of "0.0.0".
* Fixed the diagram inspector so nodes nested inside multiple levels of boundaries (e.g. a C4 deployment node inside another) correctly show their full boundary breadcrumb, and boundary counts in the legend are now accurate.
* Fixed labels containing a semicolon or `%%` being incorrectly split during parsing, which could break C4 diagrams and corrupt flowchart labels.
* Fixed C4 diagrams not rendering an inline `title` directive, and fixed diagram titles being silently dropped in other diagram types when no frontmatter title was set.
1.4.0 2026년 7월 22일 — 64비트 포터블

드로잉 및 디자인 인기 1위

전체 보기
  1. draw.io드로잉 및 디자인 · JGraph
  2. Inkscape드로잉 및 디자인 · Inkscape
  3. LibreCAD드로잉 및 디자인 · LibreCAD Team
  4. Graphviz드로잉 및 디자인 · Graphviz
  5. KritaShellExtension드로잉 및 디자인 · KDE
  6. Figma드로잉 및 디자인 · Figma, Inc.
  7. MyPaint드로잉 및 디자인 · Martin Renold and the MyPaint Development Team
  8. Synfig Studio드로잉 및 디자인 · Synfig
  9. Drawpile드로잉 및 디자인 · Drawpile
  10. Material Maker드로잉 및 디자인 · RodZill4

태그

공유