Перегляд Творця
Огляд макета
Creator View — це середовище редагування з трьох панелей, яке відкривається подвійним клацанням будь-якої групи в області компонентів. Він містить список блокувань ліворуч, редактор коду в центрі та попередній перегляд праворуч, а внизу — вікно підказок AI.
Панель списку блоків
Ліва панель відображає всі блоки в поточній групі. Кожен блок показує попередній перегляд картки з назвою блоку та пронумерованим списком файлів під ним. Використовуйте панель інструментів угорі, щоб повертатися назад, перемикатися між переглядом списку та розділенням або натискати кнопку +, щоб додати новий блок.
Редактор коду
Центральна панель — це редактор коду з вкладками, де можна писати та редагувати вміст блоку. Вкладки впорядковано за типом файлу:
текст
Напишіть документацію, розмітку або звичайний текстовий вміст для блоку.
HTML
Відредагуйте структуру HTML вашого компонента.
CSS
Додайте стилі для свого компонента.
JavaScript
Додайте інтерактивності та логіки своєму компоненту.
Попередній перегляд
На правій панелі виконується попередній перегляд вашого компонента. Коли ви додаєте HTML, CSS і JavaScript у редактор, попередній перегляд оновлюється, щоб показати скомпільований результат. Ви також можете перетягнути файли або вставити вміст (Ctrl+V) безпосередньо в область попереднього перегляду, щоб додати їх до блоку. Використовуйте значок ока, щоб увімкнути попередній перегляд, і перемикач BG, щоб змінити фон попереднього перегляду.
ШІ підказка
Нижня панель — це поле підказок AI. Використовуйте його для опису змін і дозвольте штучному інтелекту генерувати або змінювати вміст блоку. Він включає в себе селектор моделі, поле введення тексту, введення голосу та емодзі, а також кнопку Створити. Два перемикачі режимів — A і V — перемикаються між режимом прямого штучного інтелекту та режимом варіації.
Категорії AI Gen
Селектор моделі штучного інтелекту показує категорії генерації, які визначають, який тип контенту виробляє ШІ:
Текст Gen
Створюйте або редагуйте текстовий вміст, наприклад код, документацію та розмітку.
Image Gen
Створюйте зображення з текстових підказок або редагуйте наявні зображення за допомогою ШІ (перетворення тексту в зображення та зображення в зображення).
Відео Gen
Створюйте відео з текстових описів або анімуйте нерухомі зображення у відео (перетворення тексту у відео та зображення у відео).
Режим Direct AI (A)
Коли перемикач A активний, ШІ вносить прямі зміни до вашого компонента на місці. Покажчик місця заповнення підказки читає \u201cОпишіть зміни, які слід застосувати до вашого компонента\u201d, а значок вказує, який файл буде змінено (наприклад, \u201cБуде змінено: текст\u201d). Цей режим найкращий для швидкого цілеспрямованого редагування поточного вибраного файлу.
Режим варіації (V)
Коли перемикач V активний, AI генерує кілька варіантів вашого компонента замість редагування на місці. Заповнювач підказки змінюється на \u201cОпишіть варіанти, які ви хочете створити\u201d, і з’являється лічильник із елементами керування \u2212 / +, щоб ви могли вибрати, скільки варіантів створити. Згенеровані варіанти відображаються на спеціальній панелі, де ви можете переглянути їх і додати бажані версії назад до групи.