Docs

Getting started

1. Open the studio — projects are stored locally in your browser in this preview.
2. Create a project from a prompt, a website URL, or blank. Pick a Style — it selects the taste profiles agents read.
3. Watch agents construct scenes, then edit anything: canvas, layers, keyframes, curves, camera and audio.
4. Use the AI panel to request revisions; every agent task is one undo step.
5. Export from the top bar at project resolution.

The operation model

Every mutation — a drag on the canvas, a typed value, an agent tool call, an undo — is a validated, invertible Operation. Agents receive no other write path, which is why AI work is reviewable, attributable and reversible as a unit.

Implemented in this preview

• Scene-graph engine: groups, text, rects, ellipses, Bézier paths, images, audio clips, cameras
• Deterministic time-based evaluation: linear, cubic Bézier, hold, steps and physical springs
• Keyframe timeline with scrubbing, zooming, snapping and a curve editor
• Kinetic typography (character / word / line reveals, tracking animation)
• Trim paths, masks, blend modes, blur, gradients
• 2D camera tracks: push, pan, roll, zoom with continuity
• AI agent console executing real, undoable operations through a typed tool protocol
• Website analysis (SSRF-guarded) producing a typed BrandProfile
• Local-first projects with autosave, checkpoints and crash recovery
• Adaptive preview quality (Auto / Full / Half / Quarter)
• Audio tracks with gain, fades and waveforms
• Export: WebM/MP4 via WebCodecs where supported, PNG frames
• Billing engine: append-only credit ledger, plan entitlements, cost policy, Stripe-ready checkout/webhooks (connects via environment keys)
• Accounts: scrypt-hashed passwords, server-side sessions, rate-limited auth, per-account credit ledgers
• deslgn's own TOTP MFA (RFC 4226/6238): QR enrollment, replay protection, single-use recovery codes
• Passkeys (WebAuthn): passwordless sign-in with Touch ID / Face ID / security keys, per-device management
• Session management: list active devices, revoke individually or everywhere
• Workspace sync: projects and assets mirror to your account on the deslgn server (last-write-wins merge)
• Storage drivers: Postgres (row-locked documents) and S3-compatible blobs activate via environment — file stores remain the local default
• Render farm: plan-priority job queue, server-side frame-accurate renders through the same engine, credit-backed with automatic refunds
• Farm video encodes: H.264 MP4 and ProRes 422 HQ / 4444 (with alpha) via the host encoder, plus PNG sequences — encoder availability is feature-detected, never assumed
• Rust → WASM evaluation core: easing, springs and track sampling compiled from Rust, proven contract-identical to the TypeScript engine by a conformance suite (≤1e-9)
• WebGPU 3D compositor: true perspective plane rotation (rotationX/Y), point lights with lambert shading and falloff, and per-plane depth of field — with an honest 2D fallback everywhere else
• Remote planner slot: an Anthropic-compatible model (your key + model id via env) plans through the exact operation protocol, executed live with per-step undo
• Depth (2.5D multiplane): per-layer Z with camera perspective — parallax, push-throughs, animatable position.z
• Music analysis: deslgn's own BPM + beat-grid detection; the timeline snaps clips and keyframes to analyzed beats