Builder — základy

Builder je vizuální editor prezentace na cestě /tools/builder/[id]. Layout:

┌──────────────────────────────────────────┐
│  Toolbar (zpět, formát, undo/redo,       │
│           T □ ○ — Img Video, Šablony,    │
│           Import, Export, Hudba, Animace)│
├──────────┬──────────────────┬────────────┤
│ Panel    │                  │ Vlastnosti │
│ slidů    │  Canvas (slide)  │ vybraného  │
│ (thumb)  │                  │ objektu    │
│          │                  │            │
└──────────┴──────────────────┴────────────┘

Panel slidů (vlevo)

Thumbnaily všech slidů, scrollujete
Klik na slide → aktivuje ho v hlavním canvasu
+ nahoře = přidat slide
Pravý klik na slide (nebo „⋯" ikona) → menu: Duplikovat, Restyle, Smazat
Drag&drop thumbnailů → změna pořadí slidů

Canvas (uprostřed)

Hlavní editovací plocha:

Slide vidíte uprostřed jako bílý obdélník se stínem (případně barvou pozadí dle slide.background)
Padding kolem slidu (šedá plocha) — můžete tam parkovat objekty, nebo přes ni spustit rubber-band drag
Klik na objekt → vybere ho, zobrazí Transformer (úchytky pro resize/rotaci)
Dvojklik na text → inline edit
Drag = posunout objekt; Drag rohu = resize
Šipky = posun o 1 px (Shift+šipka = 10 px)
Cmd/Ctrl + klik = přidat objekt do výběru (multi-select)
Drag prázdné plochy = rubber-band (obtáhnout objekty)
Cmd/Ctrl + kolečko = zoom
Tlačítka vpravo dole = − / 100 % / + zoom; klik na procenta = reset na fit

Panel vlastností (vpravo)

Záložky Vlastnosti / Animace.

Vlastnosti ukazuje editovatelná pole vybraného objektu:

Text: font, velikost, barva, B/I, zarovnání, řádkování
Obrázek: URL (nahrát nový), průhlednost
Video: URL, sekce Titulky (viz Video titulky)
Tvary (rect/ellipse/line): barva, ohraničení, zaoblení
Vrstvení (Z-order) — úplně vpředu / o vrstvu vpřed / vzad / úplně vzadu
Duplikovat / Smazat

Když není nic vybráno, zobrazuje vlastnosti slidu: barva pozadí, hudba pro slide, narrace.

Při multi-select (2+ objektů) se zobrazí bulk edit — sdílené vlastnosti se aplikují na všechny vybrané. Více v Objekty.

Animace záložka — viz Animace.

Toolbar (nahoře)

Sekce	Akce
Vlevo	Zpět (galerie), formát (16:9/9:16/1:1), Undo/Redo, T přidat text, □ rect, ○ ellipse, — line, 🖼 obrázek, 🎬 video
Středně	Šablony (přepnout styling), Uložit jako šablonu, Import PPTX, Import PDF
Vpravo	Hudba (globální), Animace (přehled), Export & Sdílet

Na mobilu se toolbar zkrátí do carouselu + některé akce se přesunou do FAB menu vpravo dole.

Klávesové zkratky

Klávesa	Akce
Cmd/Ctrl + Z	Undo
Cmd/Ctrl + Shift + Z / Cmd+Y	Redo
Cmd/Ctrl + D	Duplikovat vybraný objekt(y)
Cmd/Ctrl + C / V	Kopírovat / vložit
Cmd/Ctrl + A	Vybrat všechny objekty
Delete / Backspace	Smazat vybrané
Esc	Zrušit výběr
Šipky	Posun o 1 px
Shift + šipky	Posun o 10 px
Cmd/Ctrl + klik	Přidat do výběru (multi-select)
Long-press (mobil)	Vstoupit do multi-select módu
Cmd/Ctrl + kolečko	Zoom

Ukládání

Autosave každých pár sekund po změně
Indikátor stavu v toolbaru: „Ukládám…" / „Uloženo"
Můžete bez obav zavřít okno — změny jsou uložené

Tipy

Maximum prostoru — Cmd+wheel až na 130–150 % a posunete přes scroll = slide v plné velikosti
Parkování objektů mimo slide — drag objektu za hranu, zůstane viditelný v paddingu, ale není v slidu
Reset zoom = klik na procenta v pravém dolním rohu