MasterGo : AI one-click to generate UI prototype design, design to highly usable code in seconds !

Introduction générale

MasterGo (Mogo Design) est un outil de conception UI/UX professionnel orienté vers l'équipe, spécialement conçu pour améliorer l'efficacité de la conception et la collaboration au sein de l'équipe. En tant que plateforme de conception de produits au niveau de l'entreprise à l'ère de l'IA, MasterGo couvre l'ensemble de la chaîne de conception et de développement de produits, offrant des fonctions de conception de produits en ligne, de prototypage, de développement et de conception de sites web, de conception d'interactions de produits et d'autres fonctions. MasterGo améliore non seulement l'efficacité de la conception individuelle, mais aussi considérablement la collaboration d'équipe et l'efficacité du bureau multi-scénarios, ce qui vaut la peine de faire l'expérience d'un logiciel de conception collaborative en ligne.

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

 

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

 

Liste des fonctions

  • conception de l'interface: Un outil de conception d'interface utilisateur en ligne de qualité professionnelle qui prend en charge la mise en page automatique, le remplissage des matériaux et d'autres fonctions intelligentes.
  • Prototypes interactifsLes modèles d'interaction : des flux d'interaction exploitables, à l'appui de prototypes, d'organigrammes et de la conception de modèles interactifs.
  • Système de conceptionLes avantages : gestion efficace des ressources de conception, réutilisation en un seul clic des composants de conception pour une synchronisation globale.
  • Travail d'équipeLe système d'information de gestion de l'entreprise : Il permet une collaboration en ligne en temps réel entre plusieurs personnes afin de réduire les coûts de communication et d'améliorer l'efficacité du travail.
  • Livraison de la conceptionLes fichiers de conception sont stockés dans le nuage et mis à jour en temps réel, de sorte que les ingénieurs peuvent visualiser les annotations, obtenir le code et télécharger les coupes à tout moment.
  • Communauté de ressourcesFournir une interface utilisateur riche, des ressources de prototypage de produits et des outils d'extension.

 

Utiliser l'aide

Installation et enregistrement

  1. Visitez le site web de MasterGo (https://mastergo.com/) et cliquez sur le bouton "Free Use".
  2. Inscrivez-vous et connectez-vous à l'aide de votre compte WeChat ou Blue Lagoon.
  3. Une fois votre inscription terminée, vous pouvez accéder à la plateforme MasterGo pour commencer.

conception de l'interface

  1. Après vous être connecté, cliquez sur "Nouveau projet" pour créer un nouveau projet de conception.
  2. Utilisez l'outil Forme dans la barre d'outils de gauche pour dessiner des formes de base, ou faites glisser et déposez des composants prédéfinis de la bibliothèque de composants sur le canevas.
  3. La fonction "Disposition automatique" permet d'ajuster rapidement la position et la taille des composants pour que votre dessin reste net et ordonné.
  4. Utilisez la fonction "Remplissage matériel" pour ajouter rapidement des images, des couleurs et d'autres matériaux afin d'enrichir le contenu du dessin.

Prototypes interactifs

  1. Dans le projet de conception, cliquez sur l'onglet "Prototype" pour passer en mode prototypage.
  2. Utilisez l'outil d'interaction pour créer des liens interactifs vers différentes pages ou composants.
  3. Mettez en place des animations interactives, telles que des zooms avant et arrière, des mouvements de position, etc. pour améliorer l'expérience de l'utilisateur.
  4. Cliquez sur le bouton "Aperçu" pour voir l'interaction en temps réel et vous assurer que la conception répond aux attentes.

Système de conception

  1. Dans le projet, cliquez sur l'onglet "Système de conception" pour accéder à l'interface de gestion du système de conception.
  2. Créer de nouveaux composants de conception ou importer des composants existants à partir de la bibliothèque de composants.
  3. Définir des styles de composants tels que les couleurs, les styles de texte, etc. pour une synchronisation globale.
  4. Utilisez la fonction "Gestion des ressources" pour gérer efficacement les ressources de conception et améliorer la cohérence de la conception.

Travail d'équipe

  1. Dans le projet, cliquez sur le bouton "Partager" pour générer un lien vers le projet.
  2. Envoyez le lien aux membres de l'équipe pour les inviter à rejoindre le projet.
  3. Les membres de l'équipe peuvent visualiser et modifier les fichiers de conception en temps réel pour une révision et un retour d'information en ligne.
  4. Grâce à la fonction "Commentaires", les membres de l'équipe peuvent ajouter des commentaires au document de conception afin de faciliter la communication et la collaboration.

Livraison de la conception

  1. Une fois le dessin ou modèle terminé, cliquez sur le bouton "Livraison" pour accéder à l'interface de livraison du dessin ou modèle.
  2. La mise en place d'options de livraison telles que l'étiquetage, les découpes, etc. permet de s'assurer que le fichier de conception est complet.
  3. Cliquez sur le bouton "Générer un lien" pour générer un lien de livraison à envoyer à l'ingénieur.
  4. Les ingénieurs peuvent utiliser ce lien pour visualiser les annotations, obtenir le code, télécharger les coupes et réaliser rapidement le développement de la conception.
© déclaration de droits d'auteur

Articles connexes

Pas de commentaires

Vous devez être connecté pour participer aux commentaires !
S'inscrire maintenant
aucun
Pas de commentaires...