#visual-editor

Mermaid NG — Visual Editor

NGPowerToys

WYSIWYG, drag-and-drop visual editor for AI-friendly Mermaid diagrams — what you see is what you get. For architects and developers — build, edit, and round-trip flowcharts, sequence, class, ER, and state diagrams across .md and .mmd files. Multi-sheet (draw.io style), fully offline (Mermaid 11.15.0

UiPath Maestro

uipath

Build, debug, and deploy UiPath agentic workflows with a visual flow editor, OAuth sign-in, and one-click solution publish.

Visual HTML Editor

saea

Click any text in your HTML file and just type. Your source stays clean — only the text you changed gets updated, with original formatting, comments, and indentation preserved.

TK-Form

Byeong-cheolKim

Visual Tkinter GUI designer for VS Code with drag-and-drop editing, real Tkinter preview, validation, AI Skill guidance, and Python export.

Schema Editor

ginexys

Visual diagram editor for VS Code. Build circuit schematics, ERDs, FSM state machines and flowcharts. Edit SVG files with a full node-and-wire canvas, domain kits and export to SQL DDL, Mermaid and XState.

JSON Monkey

CyberPunk

The one stop JSON workbench for VS Code. Edit any .json in polished visual form - no config required. Generate and validate against JSON Schema, generate class definitions in TypeScript, Go, Rust, Java, Kotlin, Swift, Scala, C#, PHP and Python, and import from/export to XML, YML and CSV.

XAML Visual Editor (XVE)

Zete

Visual editor for hand-written XAML files — structure tree, live preview and surgical save, inside VS Code.

Putra Android

MPUTRARAMADHANI

Visual Android XML layout editor, project creator, SDK manager, emulator, build, run, and APK tools for VS Code.

EasyView_Md

zhangxy

A visual Markdown editor for VS Code with rich editing, document conversion, and export tools.

Polygram

Polygram

Design canvas and AI chat for your app — edit UI visually and code in one place.

Strander

BlazingCacti

Strander brings the Flowchart.fun authoring experience to VS Code! A split-view text/visual editor for .strand flowcharts with drag-and-drop layout, Material icons, CSS theming, and live preview.

VisualCSS

AlfonsoGonzalez

Visualizador y editor interactivo de estilos CSS. Click derecho en una clase CSS para previsualizar y editar sus propiedades.