Начните с цели продукта, PRD, текущего экрана, скриншота, доступных для чтения материалов Figma или референса бренда. UIDesigner создаст результат на основе HTML с нужными продукту адаптивным поведением, состояниями, доступностью и ресурсами.
UIDesigner передаёт одну редактируемую панель работы поддержки, её адаптивные состояния, ресурсы и заметки для передачи. ProductDeveloper не показан, поскольку реализация не входит в этот сценарий, если не запрошена отдельно.
Скопируйте, вставьте в поле ввода Orkas и попробуйте.
Спроектируй операционную панель для небольшой команды поддержки. Включи сегодняшнюю нагрузку, динамику времени ответа, срочные разговоры и фильтры по ответственным; предусмотри состояния загрузки, отсутствия данных, ошибки и прав доступа; подготовь редактируемый адаптивный интерфейс.
Результат можно изучать и редактировать; адаптивное поведение и состояния продукта описаны явно.
Адаптивный интерфейс, который можно изучать, проверять кликами и дорабатывать.
operations-dashboard.htmlЗагрузка, отсутствие данных, ошибка, права доступа и адаптивное поведение описаны вместе.
interface-states.mdРесурсы, решения по доступности и заметки по реализации собраны для разработчиков.
ui-handoff.zipСообщите цель, аудиторию, PRD, текущий экран, материалы Figma или референс бренда.
Проверьте рабочий процесс, иерархию информации, компоненты и необходимые состояния при работе.
Используйте редактируемый HTML-результат для проверки макета, поведения, адаптивности и содержимого.
Передайте ресурсы, заметки о состояниях, решения по доступности и рекомендации по реализации.
Бесплатно, с открытым исходным кодом, работает на вашем компьютере.
Ответы на частые вопросы об исходных материалах, редактируемых результатах и передаче разработчикам.
Редактируемый интерфейс на основе HTML с адаптивным поведением, состояниями продукта, решениями по доступности, ресурсами и заметками для передачи, созданный по вашим исходным материалам.
Да. Можно использовать доступные для чтения материалы Figma, скриншоты, текущие экраны, существующие сайты, PRD и референсы бренда, фиксируя, какой источник повлиял на каждое решение.
UIDesigner занимается интерфейсом и его передачей. ProductDeveloper может перенести утверждённый дизайн в репозиторий, реализовать его, запустить тесты и предоставить подтверждения проверки.
Бесплатно, с открытым исходным кодом, работает на вашем компьютере.