Open the full Frametic editor as a dedicated surface — projects, themes, formats, and renders — with credits debited through Aveiro and finished clips saved to Studio → Assets.
Frametic Studio opens the full Frametic editor as a dedicated surface — project grid, themes, formats, backdrops, and capture — with finished videos landing in Studio → Assets. Rendering spends your organization's credits through Aveiro; the satellite asks Aveiro to start renders rather than billing on its own.
What Frametic Studio is
Frametic Studio hosts Frametic's own project browser and editor inside Aveiro. You work in Frametic's UI — probe a URL, pick themes and device formats, adjust backdrops, and manage projects — while Aveiro handles authentication, credit checks, and saving finished clips to your org library.The project grid opens inside the dashboard shell — the same pattern as Sites — with Frametic's own heading and filters. A credit bar above the grid shows your remaining AI credits, per-render and per-still costs, and a Top up shortcut when you're near or over your monthly limit. Opening a scene project, the new-scene wizard, a composition (multi-page film), or the new-film wizard is always a route change to a full-screen surface (like the site editor). Wizards and editors need the full viewport — hosting them inside the content-sized frame would centre dialogs below the fold. Each full-screen editor shows a persistent header bar at the top — breadcrumb Frametic / Studio or Frametic / Composition, plus a back control that returns to the project grid without losing your scroll position or filters. A credit indicator on the right shows the same remaining AI credits and per-render cost.This is the full editor surface. The lighter Film a website wizard in media pickers and Studio → Assets is still the fastest path when you only need one guided mockup from a URL.
Open the editor
Confirm Frametic Studio is enabled under Organization → Features (on by default — disable there if your org does not use it)
Choose Studio → Frametic Studio in the sidebar — Aveiro opens the project grid in the dashboard shell
From the grid, open a scene project (single-page editor), start a new scene project (guided setup wizard), start a new composition (film wizard), or open an existing composition — each target is its own full-screen route
Surfaces
Surface
What opens
Scene project
Full-screen scene editor for one capture (`/studio/frametic/{projectId}`)
New scene project
Full-screen guided setup wizard — when the project is created, navigation moves to that project's scene editor (`/studio/frametic/new` → `/studio/frametic/{projectId}`)
New composition
Full-screen film wizard — when the film is created, navigation moves to that film's composition studio
Composition studio
Full-screen editor for a multi-page film (`/studio/frametic/compositions/{compositionId}`)
Each navigation mints a fresh embed session — session tokens are single-use — so moving between the grid and any editor is always a new authenticated frame rather than the iframe retargeting itself.
Route loading — opening the project grid, an editor, or a composition — shows skeleton placeholders while the route resolves, so surfaces never flash empty. If the session mint hits a transient server error, Aveiro retries once after a short pause. When minting fails for good, you see a clear error heading and a Try again button.
Rendering and credits
Frametic cannot enqueue renders from inside the cross-origin frame — your plan and credit balance live in Aveiro. The credit bar and credit indicator both read the same AI credit pool as Billing → Usage. When you click render in the editor, Frametic sends a request to Aveiro, which calls the same /api/organizations/{orgId}/frametic/renders endpoint the Film a website panel uses:
Credits are quoted and debited at enqueue
Failed renders are refunded automatically
Finished MP4s appear in Studio → Assets and can be registered for social posts
Agents can still film URLs without the Studio UI through POST /api/v1/social/video — see Website mockup video API.
Availability
Requirement
Detail
Feature flag
Frametic Studio — on by default; disable under Organization → Features if needed
Capability
Audience manage
Deployment
Frametic must be configured on the Aveiro host (NEXT_PUBLIC_FRAMETIC_URL)
Frametic website mockups register as origin: rendered in the social library — they are pictures of real pages, not synthetic AI imagery, so Instagram's AI self-disclosure does not apply. See Social overview.
