> 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/guides/studio-basics.md).

# Studio Basics

Blings Studio is the visual editor for the MP5 experience itself. Use Studio when you need to inspect or change scenes, layers, timing, assets, data bindings, connectors, interaction behavior, flow maps, preview state, or creative publishing.

Use this guide before opening the detailed Studio articles.

## What Studio Owns

| Area                | What Studio controls                                                                                                |
| ------------------- | ------------------------------------------------------------------------------------------------------------------- |
| Editor workspace    | Scene list, canvas, mode switcher, right panel, connector list, project actions, and preview controls.              |
| Timeline            | Layer order, layer timing, scene duration, motion presets, keyframes, easing, work area filters, and visual timing. |
| Connectors          | Dynamic text, media, colors, visibility, countdowns, expressions, buttons, form fields, routing, and player events. |
| Data context        | Fields and live-control values used while building and previewing connector behavior.                               |
| Flow and publishing | Flow map review, draft preview, save state, and publishing controls for creative changes.                           |

## Studio Modes

| Mode    | Use it for                                                                            |
| ------- | ------------------------------------------------------------------------------------- |
| View    | Inspect the experience without changing layout or connector setup.                    |
| Design  | Review and edit visual structure, scene properties, assets, timing, and layer layout. |
| Connect | Add or inspect connectors that make layers dynamic or interactive.                    |

## Basic Studio Workflow

{% stepper %}
{% step %}

### Open the Project and Review Scenes

Start with the scene list and canvas. Confirm which scene you are editing and how it fits the viewer journey.
{% endstep %}

{% step %}

### Inspect Timing and Layout

Use Design mode and the timeline to confirm scene duration, layer timing, assets, colors, and layout.
{% endstep %}

{% step %}

### Connect Dynamic Values

Use Connect mode to bind layers to Dynamic Data, Live Control, direct edit values, expressions, or interaction connectors.
{% endstep %}

{% step %}

### Preview With Realistic Values

Preview normal values, long values, missing values, alternate branches, and mobile-sensitive layouts before publishing.
{% endstep %}

{% step %}

### Save and Publish Reviewed Changes

Use the project actions to move approved Studio changes into the project state used by Platform and delivery flows.
{% endstep %}
{% endstepper %}

## When to Use Platform Instead

Use Platform when the work is operational rather than structural:

* Reviewing analytics or project health.
* Updating values already exposed for Platform editing.
* Managing Dynamic Data, Live Control, Catalog, Form Data, simulation, integration, player settings, or optimization.
* Checking delivery URLs, dynamic thumbnails, CRM links, SDK method setup, or spreadsheet flows.

{% content-ref url="/pages/HJLmxqx5Lda9OQtaCUVd" %}
[Blings Studio](/apps/blings-studio.md)
{% endcontent-ref %}

{% content-ref url="/pages/OP39eyA0PwJI89NZYL0x" %}
[Editor Workspace](/apps/blings-studio/editor-workspace.md)
{% endcontent-ref %}

{% content-ref url="/pages/aW68QWx8104Pv6Dytu64" %}
[Connectors](/apps/blings-studio/connectors.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/guides/studio-basics.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.