Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>SeqWorks — Sequence Diagram DSLNew to Visual Studio Code? Get it now.
SeqWorks — Sequence Diagram DSL

SeqWorks — Sequence Diagram DSL

SolutionLink

| (0) | Free
Author sequence diagrams as text with a Langium DSL, live SVG preview, cross-file references, quick fixes, and image export.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SeqWorks — Sequence Diagram DSL

Author UML‑style sequence diagrams as text and see them rendered live. SeqWorks is a VS Code extension built on Langium with a full language server (diagnostics, completion, hover, go‑to‑definition), quick fixes, and an interactive SVG diagram view.

Provided by SolutionLink · 솔루션링크 제공

It uses two small languages:

  • Model DSL (.model) — one file per project. Declares your elements (and their operations) inside a package hierarchy, with free‑form key‑value tags.
  • Sequence DSL (.seq) — one file per diagram. Declares lifelines bound to model elements and the messages between them, with control fragments (if/for/while/switch) and cross‑diagram ref.

Features

  • Two DSLs with cross‑file references — .seq files import the project .model (and other .seq files); lifelines reference elements, messages reference operations, ref references other diagrams.
  • Language server — real‑time error underlines, code completion (with ./: triggers), hover, and go‑to‑definition.
  • Context‑aware completion — after receiver., only the receiver element's operations are suggested.
  • Quick fixes — when a lifeline's element or a message's operation doesn't exist, one click creates it in the imported .model file (creating packages as needed).
  • Live diagram view — renders the active .seq as an SVG that updates as you type. On a syntax error the last good diagram stays on screen, flagged as stale.
  • Pan / zoom palette — drag to pan, scroll to zoom, plus Fit / 1:1 / zoom buttons.
  • Click‑to‑source — click an arrow in the diagram to jump the editor cursor to that message.
  • Image export — save the diagram as SVG or PNG via a save dialog (defaults next to the .seq file).
  • JSON export — save the whole project as one tool‑neutral interchange document (logical structure and diagram coordinates) for import into UML tools.
  • Syntax highlighting for both .model and .seq.

Language at a glance

domain.model

package auth {
  @domain("identity")
  element AuthService {
    @critical(severity: 3)
    login(user, pw)
    logout(token)
  }
  element TokenStore {
    issue(userId)
  }
}

login.seq

import "domain.model";
import "payment.seq";

diagram Login;

lifeline u : actors.User;
lifeline auth : auth.AuthService;
lifeline tokens : auth.TokenStore;

u call auth.login("id", "pw");
auth call tokens.issue("id");

if ( "credentials valid" ) {
  tokens return "token" to auth;
  auth return "ok" to u;
  ref Payment;
} else {
  auth return "denied" to u;
}

Commands

Command Description
SeqWorks: Open Sequence Diagram Open the live diagram view for the active .seq file.
SeqWorks: Export Sequence Diagram as Image Save the current diagram as an .svg or .png file.
SeqWorks: Export Project as JSON Save every .model/.seq in the workspace as one interchange JSON document.
SeqWorks: Open Language Guide Open the full language guide (English and Korean), with every construct explained by example.

Getting started

  1. Create a single .model file describing your elements and operations.
  2. Create .seq files, each importing the model, declaring lifelines, and writing messages.
  3. Run SeqWorks: Open Sequence Diagram (or the export button in the view's palette) to see and export the diagram.

Requirements

  • VS Code 1.138.0 or newer.

About SolutionLink

SOLUTIONLINK Co. — Korea's first and best software engineering company.

More than 20 years have passed since SolutionLink was founded as Korea's first software engineering consulting company. At the time, software engineering was an unfamiliar field in Korea with little expertise, and SolutionLink has since created and developed many best practices.

🔗 https://www.sol-link.com/


Licensed under the MIT License — free to use. Provided "as is", without warranty; the authors are not liable for any results of its use (see the LICENSE file included with the extension).


기능

  • 파일 간 참조를 지원하는 두 개의 DSL — .seq 파일이 프로젝트의 .model(및 다른 .seq)을 import합니다. lifeline은 element를, 메시지는 operation을, ref는 다른 다이어그램을 참조합니다.
  • 언어 서버(LSP) — 실시간 오류 밑줄, 자동완성(./: 트리거), 호버, 정의로 이동.
  • 문맥 인식 자동완성 — receiver. 뒤에서는 해당 수신자 element의 operation만 추천합니다.
  • Quick Fix — lifeline의 element나 메시지의 operation이 없을 때, 한 번의 클릭으로 import된 .model 파일에 생성합니다(필요하면 package도 함께 생성).
  • 실시간 다이어그램 뷰 — 활성 .seq를 SVG로 렌더링하며 입력에 따라 갱신됩니다. 문법 오류가 있으면 마지막 정상 다이어그램을 유지하고 "이전 것"으로 표시합니다.
  • Pan / Zoom 팔레트 — 드래그로 이동, 휠로 확대/축소, Fit / 1:1 / 확대·축소 버튼 제공.
  • 다이어그램 → 소스 이동 — 다이어그램의 화살표를 클릭하면 편집기 커서가 해당 메시지 위치로 이동합니다.
  • 이미지 내보내기 — 저장 다이얼로그로 SVG 또는 PNG 저장(기본 위치는 해당 .seq 파일 폴더).
  • .model/.seq 구문 강조.

문법 한눈에 보기

위 English 섹션의 domain.model / login.seq 예제를 참고하세요.

명령

명령 설명
SeqWorks: Open Sequence Diagram 활성 .seq 파일의 실시간 다이어그램 뷰를 엽니다.
SeqWorks: Export Sequence Diagram as Image 현재 다이어그램을 .svg 또는 .png로 저장합니다.
SeqWorks: Export Project as JSON 워크스페이스의 모든 .model/.seq를 도구 중립 교환 JSON 한 파일로 저장합니다.
SeqWorks: Open Language Guide 모든 구문을 예제와 함께 설명하는 언어 가이드(영어·한국어)를 엽니다.

시작하기

  1. element와 operation을 기술하는 .model 파일 하나를 만듭니다.
  2. 모델을 import하고 lifeline을 선언한 뒤 메시지를 작성하는 .seq 파일들을 만듭니다.
  3. SeqWorks: Open Sequence Diagram(또는 뷰 팔레트의 내보내기 버튼)으로 다이어그램을 보고 내보냅니다.

요구 사항

  • VS Code 1.138.0 이상.

솔루션링크 소개

국내 최초, 최고의 소프트웨어 엔지니어링 전문 기업, SOLUTIONLINK Co.

솔루션링크가 국내 최초의 소프트웨어 엔지니어링 컨설팅 기업으로서 설립된 지도 벌써 20년이 넘었습니다. 창업 당시만 해도 국내에서는 생소했고 전문성도 부족했던 소프트웨어 공학 분야에서, 솔루션링크는 많은 모범 사례를 만들어 내고 발전시켜 왔습니다.

🔗 https://www.sol-link.com/


Licensed under the MIT License — free to use. Provided "as is", without warranty; the authors are not liable for any results of its use (see the LICENSE file included with the extension).

MIT 라이선스 — 무료로 사용할 수 있습니다. 보증 없이 "있는 그대로" 제공되며, 사용 결과에 대해 저작자는 책임지지 않습니다(확장에 포함된 LICENSE 파일 참고).

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft