AVstudio NG: The Next Generation of AV Development

Software development has changed dramatically over the past decade. Developers have embraced AI, Git, local-first workflows, and powerful development environments that adapt to the way they work. Those tools have fundamentally changed how modern applications are built.

But AV development hasn't always kept pace. Too often, developers have had to work within proprietary environments that limit collaboration, restrict project ownership, and force workflows around the tool instead of the project.

AVstudio NG was built as a direct response to these challenges. Rather than asking developers to adopt another isolated platform, AVstudio NG brings modern software development practices into the AV world while preserving the speed and simplicity of AVstudio Editor's visual workflow.

It starts with something surprisingly simple: owning your project files.

Your Files. Your Rules.

One of the biggest changes in AVstudio NG isn't immediately visible. It's how projects are organized behind the scenes.

Rather than storing everything inside a proprietary project file, AVstudio NG uses a familiar folder structure built around open, human-readable formats such as JSON, HTML, CSS, and JavaScript. Configuration files, pages, subpages, media assets, and project resources are organized in a logical, easy-to-understand structure from the moment you open the project.

This approach changes much more than where files are stored. It gives developers complete ownership of their projects.

Teams can reuse components across projects, maintain shared libraries, archive completed work, version projects with Git, and keep local backups without relying on proprietary export formats. Projects remain accessible long after they're finished because they're built from technologies developers already understand.

Using open, human-readable file formats also allows modern development tools to work more effectively. AI can understand project structure more naturally, Git can track changes without special handling, and developers always have access to their projects, even when working offline.

AVstudio NG puts project ownership back in the developer's hands.

Built Around the Way You Work

Every developer has a preferred way of working. They've invested time customizing their editor, installing extensions, learning keyboard shortcuts, and building workflows that make them more productive. AVstudio NG was designed to fit into that environment rather than replace it.

Delivered as a Visual Studio Code extension, AVstudio NG works directly within one of the world's most widely used development environments while also supporting compatible VS Code-based platforms such as Cursor, Windsurf, Antigravity, and others.

That means developers can continue using the tools they already rely on, including their preferred themes, extensions, AI assistants, Git workflows, and editor configurations. Instead of introducing another standalone application, AVstudio NG integrates into an existing development environment.

At the same time, developers continue to benefit from AVstudio Editor's visual workflow. Visual interface design and modern code editing work side by side, combining drag-and-drop development with syntax highlighting, project validation, AI-assisted development, and the flexibility of a professional code editor.

The result is a development experience that feels familiar on day one while offering significantly more flexibility as projects grow in size and complexity.

AI That Understands Your Projects

AI is becoming a natural part of modern software development, helping developers write code, automate repetitive tasks, and solve problems faster than ever before. The real challenge isn't adding AI to a platform. It's giving AI enough context to produce useful results.

That's where AVstudio NG takes a different approach.

Because every project is built using open, human-readable technologies such as JSON, HTML, CSS, and JavaScript, AI can understand the structure of an AVstudio project without relying on proprietary formats or custom tooling. Instead of working around a closed system, AI can interact directly with the same files developers use every day.

That creates opportunities well beyond generating code. AI can help build pages, create interface elements, generate variables, configure actions, apply styling, assist with custom JavaScript and CSS, and even review projects by identifying missing data or validating project structure before deployment.

As AI capabilities continue to evolve, AVstudio NG is ready to evolve alongside them. By building projects on technologies that both developers and AI already understand, AVstudio creates an environment where AI becomes a practical part of the development workflow rather than just another feature.

Built for Collaboration

AV projects rarely stay in the hands of a single developer. As projects grow, responsibilities shift, new team members join, and completed systems often require updates long after the original deployment. We created AVstudio NG with that in mind.

Because projects use an open, standards-based file structure, they work naturally with Git, GitHub, and other version control systems. Project history, branching, code reviews, and merge workflows become part of the development process instead of requiring separate tools or proprietary workflows.

That same project structure also makes long-term maintenance much simpler. Projects can be archived, restored, transferred to another developer, or delivered directly to a customer without depending on a specific development environment to access them.

The result is a workflow that's easier to maintain over time, whether a project changes hands next month or five years from now.

Visual When You Want It. Code When You Need It.

Visual development has always been at the core of AVstudio, and that hasn't changed with AVstudio NG.

Interface layouts, components, and interactions can still be built visually using the workflow developers already know. When a project calls for something more advanced, the underlying project files are immediately available within the same development environment.

That means visual design, custom JavaScript, CSS, project configuration, and debugging all coexist. Developers aren't forced into a visual workflow for every task, nor are they expected to abandon it when more advanced customization is required.

Each part of the project can be approached using the tool that makes the most sense. Routine interface work remains fast and visual, while more complex functionality benefits from the flexibility of a modern code editor.

AVstudio NG expands what developers can do without changing the workflow that made AVstudio Editor approachable in the first place.

Looking Ahead

By bringing together visual development, open project structures, AI-ready workflows, and the flexibility of the Visual Studio Code ecosystem, AVstudio NG builds on the strengths of AVstudio Editor while expanding what's possible for developers and development teams.

This is only the beginning. As development tools, AI, and web technologies continue to evolve, AVstudio NG is designed to keep pace, giving developers a platform built around open technologies rather than closed workflows.

Want to see AVstudio NG in action?

Join us on July 16 at 12:00 PM EST for a live technical walkthrough covering AVstudio NG, Runtime, the AVS-10 Touch Panel, and App Container. We'll demonstrate real workflows and answer your questions live.

Register here: LINK