PRISMA DESIGNER.

PRISMA DESIGNER

The Official Visual UI Editor for PrismaUI_F4

Build Fallout 4 menus, HUDs, overlays, Pip-Boy screens, and widgets visually, then export them for PrismaUI_F4.

DESIGN YOUR UI WITHOUT WRITING JAVASCRIPT.

The Modern Way to Build Fallout 4 Interfaces

+ Visual Canvas: Build layouts on a pixel-precise canvas.

+ Visual Scripting: Create interface logic with connected nodes.

+ PrismaUI_F4 Export: Generate self-contained HTML, CSS, and JavaScript.

+ Templates and Assets: Use themes, icons, templates, bindings, and animation.

+ Live Preview: Preview behavior before export.

+ Optional Live Bridge: Push layout changes into a running Fallout 4 session.

See It In Action

Designer Canvas - Build Your Interface Visually

Visual Scripting - Build Logic Without JavaScript

In-Game Example - PrismaUI_F4 Interface

Prisma Designer is a visual authoring tool for PrismaUI_F4.

Instead of starting with an empty HTML file, you build on a canvas. Place components, edit their properties, connect events, preview the result, and export the finished view.

The editor generates the HTML, CSS, JavaScript, and integration code PrismaUI_F4 needs. You can use the visual workflow from start to finish or edit the generated source afterward.

Visual Scripting

Visual Scripting lets you build interface behavior with connected nodes instead of writing JavaScript by hand.

The workflow is similar to other node-based editors. Events start a flow, conditions control it, and actions change the interface.

The graph compiles into plain JavaScript and is included directly in the exported HTML. No extra scripting runtime is required in the user's game.

Events

Click, Change, Game State, and Key events.

Flow Control

Branch, Compare & Branch, Sequence, Delay, and other control nodes.

Actions

Show, Hide, Toggle, Set Text, Set Value, Call C++, Play Animation, Delay, and Print.

Variables and Math

Store state, run calculations, compare values, and pass data between nodes.

Live Output

Inspect generated JavaScript and C++ integration code while you work.

Example Flow

Button Click

↓