Разработать дизайн страницы визуального редактора.

Нужно разработать дизайн ОДНОЙ страницы визуального редактора.

Левое поле - общее меню

Основное поле (центр) - канвас, где располагаются все элементы. Нижняя картинка - текущий\предыдущий вариант, верхняя - та, где вносятся изменения. (При портретной ориентации экрана вместо верх-низ будут слева-справа).

Нужны кнопки сохранения и отката к предыдущей версии.

На канвасе элемент может быть перемещен, изменены размеры, изменен слой.

Правое поле - действия и свойства элементов. Действие - создание нового элемента, загрузка соответствующего файла

Типы элементов:

• текст \ HTML (имеет свойство текст)

• видео (не имеет свойств кроме размеров)

• картинка (не имеет свойств кроме размеров)

• карусель (контейнер для любых элементов выше, у каждого есть свойства - продолжительность (слайдер) и тип появления (выбор одного из 5-7 вариантов))

  
  

На странице пользователь будет иметь канвас куда могут размещаться элементы (текст, картинки, видео,...) Каджый элемент будет иметь свой набор свойств (расписание показа, длительность, вариант появления и т.п.)

Расписание показа будет динамическим. ()

Страница сама по себе имеет свойство "Частота обновления" (слайдер внизу справа)

Примерный (упрощенный) вид в файле.

Результат - Фигма.