Visual Interface Creation
Build modern, responsive AV interfaces visually while retaining direct access to the underlying web project.
Coming Soon
AVstudio Editor NG
The next generation of AV development
A Visual Studio Code extension that brings visual interface creation, open project files, Git workflows, professional code-editing tools, and AI-assisted development into one connected experience.
A unified workflow
Visual when you want it. Code when you need it.
AVstudio Editor NG is being designed for AV professionals who want the speed of a visual editor without giving up the flexibility, transparency, and control of modern software development.
Design interfaces, organize real project files, collaborate through Git, and extend your work using familiar web technologies—all inside Visual Studio Code and compatible VS Code-based platforms.
Built for Modern AV Development
A new foundation for creating, managing, and evolving professional AV interfaces.
Your Files. Your Rules.
Projects use a logical folder structure and open, human-readable JSON, HTML, CSS, and JavaScript files—without a proprietary project container.
Built for Collaboration
Work naturally with Git, GitHub, and other version-control systems for history, branching, code reviews, merges, archiving, and project handoff.
Inside Visual Studio Code
Delivered as a VS Code extension, with support for compatible platforms such as Cursor, Windsurf, and Antigravity, plus your preferred themes and extensions.
AI That Understands Projects
Human-readable files give AI useful context to build pages and elements, generate variables, configure actions, apply styles, write code, and validate projects.
Offline & Developer-Owned
Keep local backups, reuse components and shared libraries, and retain access to project files without relying on proprietary exports or an online platform.
Development Is Underway
AVstudio Editor NG is a Coming Soon product. Features, workflows, availability, and product details may change as development continues.
Selected Preview & Early Access participants may be invited to evaluate pre-release builds and provide feedback before public availability.
Help Shape What’s Next
Apply to the AVstudio Preview & Early Access Program for an opportunity to explore AVstudio Editor NG before public release.
Preview & Early AccessFrequently Asked Questions
Answers to common questions about AVstudio Editor NG.
What is AVstudio Editor NG?
AVstudio Editor NG is the next generation of AVstudio's visual interface editor. It combines visual interface creation with direct access to the underlying web project and professional development tools.
Does AVstudio Editor NG run inside Visual Studio Code?
Yes. AVstudio Editor NG is being designed as a Visual Studio Code extension, so visual design and code editing can remain part of one connected workflow.
Will it work with other VS Code-based platforms?
Support is planned for compatible VS Code-based platforms such as Cursor, Windsurf, and Antigravity. Compatibility may vary as those platforms and AVstudio Editor NG continue to evolve.
What kind of project files will it use?
Projects use a logical folder structure and open, human-readable files including JSON, HTML, CSS, and JavaScript, without requiring a proprietary project container.
Can projects be managed with Git?
Yes. The file-based workflow is designed to work naturally with Git, GitHub, and other version-control systems for history, branching, reviews, collaboration, and project handoff.
Can I use AI to help develop the UI?
Yes. Because AVstudio Editor NG works inside Visual Studio Code and uses open, human-readable project files, you can connect compatible AI coding assistants in VS Code and use them to help create pages and elements, apply styles, configure actions, write code, and validate your interface.
When will AVstudio Editor NG be available?
Development is underway and a public release date has not been announced. You can apply to the AVstudio Preview & Early Access Program for an opportunity to evaluate pre-release builds.