Wireframy
Vítejte
Ikony
Klíčové funkce
Ruční návrh
Vytvářejte wireframy ručně pomocí vizuálního editoru plátna – přetahujte komponenty a navrhujte své obrazovky.
Generování s umělou inteligencí
Popište, co chcete, a nechte AI automaticky generovat dokumentaci a wireframy.
Zdroj zachycení
Použijte vestavěné tlačítko mikrofonu nebo klikněte středním tlačítkem myši a diktujte popis wireframu pomocí hlasu.
Wireframe do kódu
Jakmile je váš wireframe připraven, odešlete jej přímo do generování kódu – přejděte z návrhu do funkčního kódu v jednom plynulém pracovním postupu.
Vytváření wireframu
Ikony, loga, symboly a malé grafické prvky.
Pole nastavení projektu
Název
Přiřaďte svému projektu wireframu název, abyste jej mohli později identifikovat v seznamu wireframů.
Platforma
Vyberte cílovou platformu – Mobilní, Desktop nebo Web – a přizpůsobte rozvržení a omezení wireframu.
Popis
Popište, co chcete vytvořit. To se používá režimem s podporou AI k generování dokumentace a snímků. Podporuje hlasový vstup pomocí tlačítka mikrofonu.
Režim
Vyberte možnost Manuální, abyste mohli rovnou začít v editoru plátna, nebo možnost S podporou AI, aby AI generovala dokumentaci a snímky.
Manuální režim
Přidávání bloků do skupiny
Kdy použít manuální režim
Při výběru prázdné skupiny se zobrazí výzva k vytvoření prvního bloku. Existuje několik způsobů, jak přidat obsah:
Vytvořit první blok
Kliknutím na tlačítko Vytvořit první blok můžete začít přidávat obsah do prázdné skupiny.
Režim s podporou AI
Přetáhněte soubory
TEXT: Jak to funguje
Postranní panel skupiny
V levém postranním panelu jsou uvedeny všechny vaše skupiny. Každá skupina zobrazuje svůj název a odznak typu aktiv, např. HTML/CSS/JS, Dokumentace. Kliknutím na skupinu ji vyberete a zobrazíte její bloky v hlavní oblasti obsahu. Zvýrazněná lišta označuje aktuálně vybranou skupinu.
Definujte snímky (volitelné)
UI komponenty pro webová rozhraní.
Dokumentace
Příručky, reference a znalostní báze.
Generovat
Fotografie, grafika, textury a vizuální prvky.
Vytvořte snímky
Hudba, zvukové efekty, hlas a zvukové klipy.
Vylepšit pomocí AI
Přetáhněte soubory přímo ze souborového systému do oblasti pro přetažení. Podporované formáty zahrnují obrázky, JSON, HTML, CSS, JS, TS, TSX a JSX.
Možnosti vylepšení
AI model
Vyberte AI model, který se má použít pro vylepšení vašeho popisu (např. Claude Code, Opus 4.6).
Instrukce pro vylepšení
Volitelně poskytněte konkrétní instrukce, jak má AI vylepšit popis. Podporuje hlasový vstup.
Vylepšit popis
Kliknutím spustíte vylepšení. AI přepíše a vylepší váš popis na základě vašeho vstupu a instrukcí.
Generování dokumentace
Vložte kód, text nebo jiný obsah přímo do skupiny a vytvořte nový blok.
Co se stane dál
Generování dokumentace
Video klipy, animace a pohybový obsah.
3D modely
3D modely, sítě a 3D prvky.
AI modely
AI modely, LoRA, kontrolní body a vložení.