← index

gaming/ · 06

RPG Avatar Customizer (ProtoPie + Unity Integration)

An interactive RPG character customization interface built in ProtoPie Studio and connected to a Unity 3D character mesh via the ProtoPie Unity Plugin, showing frictionless designer-developer collaboration.

Fig. 1. Interactive ProtoPie UI driving live 3D avatar facial expressions, outfit changes, and camera zooms in Unity via ProtoPie Connect.
Fig. 1. Interactive ProtoPie UI driving live 3D avatar facial expressions, outfit changes, and camera zooms in Unity via ProtoPie Connect.

01 problem

Building and iterating on complex game UI (such as RPG avatar customization screens) directly inside game engines like Unity takes a lot of developer time and coding. Designers without deep game engine expertise are forced to hand over static comps, creating a slow, repetitive rebuild loop whenever UI layout, micro-interactions, or sound triggers need tweaking.

02 approach

Designed and structured an interactive RPG avatar customization panel in ProtoPie Studio, complete with facial emotion toggles, eye/eyebrow/mouth selectors, outfit changes, and synchronized UI sound effects.

Built a 3D anime character scene in Unity with dynamic camera controls and blend-shape animation triggers for expressions and wardrobe swaps.

Connected ProtoPie Studio and Unity using the ProtoPie Unity Plugin and ProtoPie Connect to pass real-time bi-directional messages between UI triggers and 3D character states.

Compiled and hosted the integrated Unity build inside ProtoPie Connect for side-by-side execution.

03 stack

prototype ProtoPie Studio · interactive UI & audio
3d engine Unity Engine · 3D avatar & camera logic
bridge ProtoPie Unity Plugin & ProtoPie Connect

04 outcome

UI designers can build micro-interactions, animations, and sound triggers entirely in ProtoPie Studio without relying on engineers to code UI logic inside Unity
Routes UI message triggers directly into Unity to drive real-time 3D avatar facial expressions, wardrobe changes, and camera angles

The demo shows a faster workflow for game UI/UX teams. Designers can prototype, test, and polish complex interactive menus on their own in ProtoPie, while game developers only need to wire up message channels in Unity instead of rebuilding UI components from scratch.

05 artifacts

video youtu.be/5FLo5vmeog0