> For the complete documentation index, see [llms.txt](https://help.blings.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.blings.io/apps/blings-studio.md).

# Blings Studio

<figure><img src="/files/ejWQrAAE9ZZVm79dJil8" alt="Blings Studio editor in connect mode"><figcaption></figcaption></figure>

Blings Studio is the visual editor for MP5 experiences. It combines scene navigation, a live canvas, layer and timeline tools, connector editing, dynamic data, flow maps, draft previews, and publishing controls in the same workspace.

Use Studio when the viewer experience itself needs to change. Text, colors, media, visibility, timing, scene flow, and interactive behavior can all be inspected and connected directly from the editor.

## Common Work in Studio

{% stepper %}
{% step %}

### Review the Workspace

Use the scene list, canvas, mode switcher, right-side scene properties, and timeline to understand the current MP5 structure.
{% endstep %}

{% step %}

### Design Scenes and Layers

Use Design mode to select layers, edit properties, add visual elements, arrange the stack, and adjust timing.
{% endstep %}

{% step %}

### Connect Dynamic Behavior

Use Connect mode to bind text, media, colors, and visibility to Dynamic Data or Live Control values.
{% endstep %}

{% step %}

### Review Flow and Publish State

Use Flow Map, View Draft, Save Project, and Publish to confirm routing and move reviewed changes into the project state.
{% endstep %}
{% endstepper %}

## Studio Areas

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Editor Workspace</strong></td><td>Navigate scenes, work on the canvas, switch between view, design, and connect modes, and use the right panel for scene properties.</td><td><a href="/pages/OP39eyA0PwJI89NZYL0x">/pages/OP39eyA0PwJI89NZYL0x</a></td><td><a href="/files/ejWQrAAE9ZZVm79dJil8">/files/ejWQrAAE9ZZVm79dJil8</a></td></tr><tr><td><strong>Design in Studio</strong></td><td>Select layers, edit right-panel properties, add layers, arrange the stack, and adjust visual timing.</td><td><a href="/pages/ywxzGXP8EoipcGbKp3ZC">/pages/ywxzGXP8EoipcGbKp3ZC</a></td><td><a href="/files/FB1cxr50b1rt3VPsgFA8">/files/FB1cxr50b1rt3VPsgFA8</a></td></tr><tr><td><strong>Timeline</strong></td><td>Control layer timing, scene duration, animation, keyframes, easing, work area filters, and frame-level review.</td><td><a href="/pages/Dv1jr8KfYFf4bzRnq4OA">/pages/Dv1jr8KfYFf4bzRnq4OA</a></td><td><a href="/files/Pq6vR8SOUJA1gaPejUuA">/files/Pq6vR8SOUJA1gaPejUuA</a></td></tr><tr><td><strong>Connectors</strong></td><td>Connect text, media, color, visibility, timing, and interactions to dynamic data and live controls.</td><td><a href="/pages/aW68QWx8104Pv6Dytu64">/pages/aW68QWx8104Pv6Dytu64</a></td><td><a href="/files/pZ7imt6sdRmFqoo1lmCf">/files/pZ7imt6sdRmFqoo1lmCf</a></td></tr><tr><td><strong>Data in Studio</strong></td><td>Define fields, live controls, data types, defaults, and runtime values used by Studio connectors.</td><td><a href="/pages/vF3GOo8viXK19zuT75hD">/pages/vF3GOo8viXK19zuT75hD</a></td><td><a href="/files/xBPLFZ10zRJUd7y2N8Vl">/files/xBPLFZ10zRJUd7y2N8Vl</a></td></tr><tr><td><strong>Flow Map</strong></td><td>Open the Platform Flow Map for the same project to review lineups, scene routing, conditions, and A/B test paths.</td><td><a href="/pages/o3Uq9AhtjBVAMsxuyMFA">/pages/o3Uq9AhtjBVAMsxuyMFA</a></td><td><a href="/files/ILtY99z4xkyhj54lnUiL">/files/ILtY99z4xkyhj54lnUiL</a></td></tr><tr><td><strong>Draft Preview and Publishing</strong></td><td>Save Studio changes, review the draft player, and publish completed updates.</td><td><a href="/pages/u16IuFWJ28ual5xEuspA">/pages/u16IuFWJ28ual5xEuspA</a></td><td><a href="/files/ejWQrAAE9ZZVm79dJil8">/files/ejWQrAAE9ZZVm79dJil8</a></td></tr></tbody></table>

## Studio and Platform

Studio edits the MP5 experience itself. Platform manages the same project after the experience is configured: analytics, simulation, integration, content updates, flow management, player settings, catalogs, and optimization.

Moving between the two apps keeps the creative build and the project operation aligned. The connectors and data defined in Studio are the same parameters used by Platform for simulation, integration, and runtime personalization.

{% content-ref url="/pages/2BUqz2lBAdvyEBKDmcl1" %}
[Platform and Studio Workflow](/apps/apps-workflow.md)
{% endcontent-ref %}

{% content-ref url="/pages/vcNIkVG2DBfI7SBBBS8G" %}
[Blings Platform](/apps/blings-platform.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.blings.io/apps/blings-studio.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.