Платформа для проектирования и разработки пользовательского интерфейса

Дизайнер интерфейсов — это low-code продукт для проектирования пользовательских интерфейсов любой сложности на основе готовых шаблонов и UI-элементов дизайн-системы Digital Q.Palette.

Ключевые возможности продукта

1. Проектирование интерфейсов приложений:

·         создание страниц по готовым шаблонам форм и таблиц различных конфигураций;

·         удобное проектирование интерфейсов с помощью механизма drag-and-drop;

·         автоматическая генерация страниц приложения на основе объектной модели данных;

·         создание адаптивных интерфейсов, которые автоматически подстраиваются под разные типы устройств и размеры экранов;

·         реиспользование интерфейсов в рамках своего проекта, а также в других проектах в виде UI-библиотек;

·         встраивание интерфейсов в основные приложения через технологию виджетов;

·         комментирование интерфейсов для оперативного обсуждения и согласования прототипов с заказчиками и бизнес-командами;

·         настройка параметров подключения библиотек в прикладные проекты. Аналитик или разработчик описывает контракт библиотеки, который затем может быть использован для гибкой настройки свойств библиотеки при подключении её в прикладной проект.

2. Расширение логики за счет добавления пользовательского кода в стандартные компоненты:

·         определение логики и поведения элемента интерфейса через настройку его свойств в редакторе страницы;

·         добавление программного кода в страницу интерфейса через Панель разработчика. Это позволяет расширить стандартное поведение компонентов, реализовать дополнительные бизнес-правила, определить реакции интерфейса на события;

·         управление проектом на уровне кода с возможностью загрузки архива проекта. Можно описать глобальную логику приложения, зарегистрировать общие сервисы и зависимости, определить глобальные стили и темы, а также создать общие утилиты и функции; 

·         diff-редактор HTML с визуальным отображением различий между сгенерированным кодом страницы и кодом, добавленным пользователем. Позволяет видеть, что именно будет изменено (добавлено/удалено), перед применением правок, минимизируя риск ошибок;

·         немедленная проверка работы пользовательского кода в режиме предпросмотра страницы — без перезагрузок и лишних действий.

3. Публикация проекта:

·         полный цикл публикации, когда система генерирует код, создает репозиторий, сохраняет его в хранилище и запускает пайплайны сборки и доставки приложения в целевую среду;

·         онлайн-публикация, при которой проект публикуется сразу в среду исполнения фронтенд-приложения. Генерация и компиляция кода, а также быстрая доставка проекта происходят полностью внутри платформы;

·         Выпуск UI-библиотек со сборкой npm-пакета и публикацией новой версии библиотеки в ваше хранилище.