The Game Scene Editor Your AI Can Drive

Build responsive scenes for Pixi.js, Phaser and HTML by hand, or hand the job to your AI. It lays out portrait and landscape, generates the art, builds the buttons and animates the timeline. You review it visually and ship.

Built-in MCP serverLocal AI image modelsCustom skills
✓Your AI builds full scenes through the built-in MCP server
✓Generate and reskin art with local models: no credits, no uploads
✓Review and fine-tune in the editor, then load it in a few lines of code

From Prompt to Playable Scene

zStudio has an MCP server built in. MCP is the open standard that lets AI assistants operate apps, so the AI tool you already use can drive zStudio directly, on your own subscription.

You ask

"Build a winter-event version of our shop screen, portrait and landscape, using our UI skill."

1

Loads your skills

Your AI reads how your studio builds a shop screen: hierarchy, naming, components.

2

Generates the art

New icons and backgrounds come from image models running on your own machine.

3

Builds the scene

It imports assets, anchors portrait and landscape, builds buttons and animates the timeline.

4

You review and export

Open the result in the editor, tweak anything by hand, and export to Pixi.js, Phaser or HTML.

zStudio doesn't include an AI subscription: connect an AI tool you already pay for, or use the built-in AI Chat with credits. See what it costs

Everything You Can Do, Your AI Can Do Too

A full visual editor for game scenes. Almost every tool below is also available to your AI over MCP.

01

Build Scenes with MCP and Skills

Connect your AI tool to zStudio over MCP and describe the scene you want. Skills teach it how your studio works, so it builds scenes your way, right in the editor where you can review them.

02

Responsive Layout Without Layout Code

An anchor system for relative positioning that adapts to any screen size. Portrait, landscape, desktop and every ad network size, set once by you or by your AI.

03

AI Art, Right in the Scene

Text to image, image to image, and reskin in place. Use local models for free, or cloud models when you need transparent backgrounds. Final art or placeholders, your layout work never waits on an asset request.

04

Pixi.js, Phaser & HTML Export

Export your scene as JSON and load it with our open-source zImporter in a few lines of code. Positions, anchors, animations and hierarchies are all preserved. No engine lock-in.

05

Visual Animation Timeline

Keyframes, easing, cue points and playback controls: the visual workflow you remember from Flash, rebuilt for modern web exports.

06

Rich Component Library

Sprites, buttons, text, bitmap fonts, particles, Spine animations, sliders and toggles: everything you need for interactive game UI and playable ads.

07

Drag-and-Drop Asset Management

Drag in images, sprite sheets, Spine animations and bitmap fonts, or import straight from Photoshop. Organise everything into a clean hierarchy without touching a config file.

AI Does the Bulk. You Sign Off.

AI-written layout code is hard to review. A zStudio scene isn't: anyone on the team can open what the AI built, see it on every screen size and fix it by hand. The developer still gets a clean scene that loads in a few lines.

AI

Builds and reskins scenes from a prompt

> Reskin the main menu for our
  winter event. Keep the layout,
  regenerate the buttons and
  background, add a snow loop
  on the timeline.

Designer

Reviews and fine-tunes visually, no code

A scene open in the zStudio editor

Developer

Loads the scene in a few lines and ships

let scene = new ZScene("myScene");
scene.load(loadPath, () => {
  ZSceneStack.push(scene);
  scene.loadStage(this.stage);

  let btn = scene.sceneStage
    .get("myBTN") as ZButton;
  btn.setCallback(() => play());
});

Coming from Flash or Adobe Animate? Drag a .swf into zStudio and keep working on it as an editable scene. SWF importer

Drop the Scene Into Your Game

Whether you built it or your AI did, the open-source zImporter loads the scene into Pixi.js, Phaser or plain HTML in a few lines of code. Every importer includes AI skills, so your AI tool writes that code correctly too.

Get zImporter