MasterGo: AI одним щелчком мыши создает прототип пользовательского интерфейса, превращая дизайн в удобный для использования код за считанные секунды!

Общее введение

MasterGo (Mogo Design) - это ориентированный на команду профессиональный инструмент UI/UX-дизайна, который специально создан для повышения эффективности проектирования и совместной работы команды. Являясь платформой для проектирования продуктов корпоративного уровня в эпоху искусственного интеллекта, MasterGo проходит через всю цепочку проектирования и разработки продукта, обеспечивая онлайн-проектирование продукта, прототипирование, веб-разработку и дизайн, проектирование взаимодействия с продуктом и другие функции. MasterGo не только повышает эффективность индивидуального проектирования, но и значительно улучшает совместную работу команды и многосценарную эффективность офиса, что стоит испытать на себе.

MasterGo(莫高设计):AI一键生成UI原型设计稿,设计稿秒转高可用代码

 

MasterGo(莫高设计):AI一键生成UI原型设计稿,设计稿秒转高可用代码

 

Список функций

  • дизайн интерфейса: Профессиональный онлайн-инструмент для проектирования пользовательского интерфейса, поддерживающий автоматическую компоновку, заполнение материалами и другие интеллектуальные функции.
  • Интерактивные прототипы: Действенный поток взаимодействия, поддерживающий прототипы проволочных схем, блок-схем и интерактивных моделей.
  • Система проектирования: Эффективное управление ресурсами дизайна, повторное использование компонентов дизайна одним щелчком мыши для глобальной синхронизации.
  • Работа в команде: Поддерживает совместную работу нескольких человек в режиме реального времени, что позволяет сократить расходы на связь и повысить эффективность работы.
  • Поставка дизайнаФайлы проекта хранятся в облаке и обновляются в режиме реального времени, поэтому инженеры могут просматривать аннотации, получать код и загружать выкройки в любое время.
  • Ресурсное сообщество: Предоставление богатого интерфейса пользовательского интерфейса, ресурсов для создания прототипов продуктов и инструментов для установки плагинов.

 

Использование помощи

Установка и регистрация

  1. Зайдите на сайт MasterGo (https://mastergo.com/) и нажмите на кнопку "Бесплатное использование".
  2. Зарегистрируйтесь и войдите в систему, используя свою учетную запись WeChat или Blue Lagoon.
  3. После завершения регистрации вы можете получить доступ к платформе MasterGo, чтобы начать работу.

дизайн интерфейса

  1. После входа в систему нажмите "Новый проект", чтобы создать новый дизайн-проект.
  2. Используйте инструмент Shape Tool на левой панели инструментов, чтобы нарисовать базовые фигуры, или перетащите на холст заранее подготовленные компоненты из библиотеки компонентов.
  3. Используйте функцию "Авторазметка" для быстрой настройки положения и размера компонентов, чтобы сохранить дизайн аккуратным и опрятным.
  4. Используйте функцию "Заполнение материалами", чтобы быстро заполнить изображениями, цветами и другими материалами содержание дизайна.

Интерактивные прототипы

  1. В дизайн-проекте перейдите на вкладку "Прототип", чтобы перейти в режим создания прототипа.
  2. Используйте инструмент Interaction Tool для создания интерактивных ссылок на различные страницы или компоненты.
  3. Настройте интерактивные анимации, такие как увеличение и уменьшение масштаба, перемещение позиции и т. д., чтобы повысить удобство использования.
  4. Нажмите кнопку "Предварительный просмотр", чтобы увидеть взаимодействие в реальном времени и убедиться, что дизайн соответствует ожиданиям.

Система проектирования

  1. В проекте перейдите на вкладку "Система проектирования", чтобы войти в интерфейс управления системой проектирования.
  2. Создавайте новые компоненты дизайна или импортируйте существующие компоненты из библиотеки компонентов.
  3. Установите стили компонентов, такие как цвета, стили текста и т. д., для глобальной синхронизации.
  4. Используйте функцию "Управление ресурсами" для эффективного управления ресурсами проектирования и повышения согласованности дизайна.

Работа в команде

  1. В проекте нажмите кнопку "Поделиться", чтобы создать ссылку на проект.
  2. Отправьте ссылку членам команды, чтобы пригласить их присоединиться к проекту.
  3. Члены команды могут просматривать и редактировать файлы дизайна в режиме реального времени, а также получать отзывы и рецензии в режиме онлайн.
  4. С помощью функции "Комментарии" члены команды могут добавлять комментарии к проектному документу, чтобы облегчить общение и сотрудничество.

Поставка дизайна

  1. После завершения проектирования нажмите кнопку "Доставка", чтобы войти в интерфейс доставки проекта.
  2. Настройка опций доставки, таких как этикетки, высечки и т. д., гарантирует, что файл дизайна полностью готов.
  3. Нажмите кнопку "Сгенерировать ссылку", чтобы создать ссылку на доставку и отправить ее инженеру.
  4. Инженеры могут использовать эту ссылку для просмотра аннотаций, получения кода, загрузки вырезок и быстрой реализации разработки дизайна.
© заявление об авторских правах

Похожие статьи

Нет комментариев

Вы должны войти в систему, чтобы участвовать в комментариях!
Войти сейчас
нет
Нет комментариев...