Notes de l’éditeur : Notes des utilisateurs :[Total : 0 Moyenne : 0] @media(min-width : 500px) { } @media(min-width : 800px) { }
Noya est un outil de prototypage d’interface utilisateur gratuit avec Notion comme éditeur et exportation Figma. Cet outil n’est qu’un autre outil de prototypage d’interface utilisateur pour vous, mais il fonctionne différemment. Il est plus rapide et vous offre une toute nouvelle façon de concevoir des pages Web ou d’autres interfaces utilisateur. Il vous permet de dessiner les blocs de l’interface utilisateur par glisser-déposer, puis la mise en page finale est générée en temps réel. Il a Notion comme des commandes slash que vous pouvez utiliser pour insérer divers blocs dans vos conceptions.
Vous pouvez créer vos conceptions en quelques secondes avec cela. Pour les espaces réservés tels que les images et les tableaux, il peut générer automatiquement pour vous les données factices modifiables. Vous pouvez simplement vous concentrer sur la conception et une fois la conception terminée, vous pouvez l’exporter au format PNG, PDF et un fichier Figma. Il prend également en charge l’exportation dans React, mais je pense que cela n’est pas inclus dans le plan gratuit.
Le plan gratuit de Noya vous permet de créer n’importe quel prototype de conception d’un site Web, d’une page de destination ou d’une application Web. Mais vous n’êtes limité qu’à 200 blocs. C’est bon pour la conception de sites Web de petites entreprises. L’éditeur ne vous limite pas à avoir des blocs de taille fixe. Vous pouvez redimensionner et remodeler les blocs à l’aide de la souris, tout comme vous redimensionnez les images.
🎉🚀 Présentation de Noya (YC W23) 🚀🎉
Noya est un outil de wireframing qui génère des conceptions & coder. Essayez-le :https://t.co/Cxrcs1bWkb
Noya vous permet de travailler dans des wireframes basse fidélité, tout en produisant des conceptions haute fidélité et des prototypes React à partager avec votre équipe. pic.twitter.com/WV3bcXkLLt
— Devin Abbott (@dvnabbott) 9 février 2023
Outil de prototypage d’interface utilisateur gratuit avec Notion comme Editor, Figma Export : Noya
Sur le site Web principal de Noya, il vous suffit de besoin de créer un compte gratuit pour commencer à l’utiliser. Alors, faites cela et vous arriverez ensuite sur le tableau de bord principal. À partir de là, vous pouvez créer votre premier projet, puis commencer à concevoir.
Dans l’éditeur, la première chose que vous devez définir est le nom du projet, puis les dimensions. De plus, vous choisissez un système de conception, mais pour l’instant, seule l’interface utilisateur de Charka est prise en charge.
Maintenant, le vrai plaisir peut commencer. Dans le port de vue, vous commencez simplement à dessiner les blocs. Cliquez sur l’icône”+”puis faites glisser dessiner un bloc. En fonction de la dimension du bloc dessiné, il essaiera de deviner automatiquement ce que vous voulez. Si vous dessinez un rectangle étroit, il devinera automatiquement qu’il s’agit d’une barre de navigation dans l’en-tête.
De même, vous pouvez ajouter d’autres blocs dans vos conceptions, tels que des images et une section héros.
Les blocs prennent en charge les commandes slash et il existe également un menu pour changer le type de bloc. Vous tapez simplement une barre oblique (/) et vous voyez ensuite les options. Ou vous pouvez également utiliser le menu déroulant en bas à droite de chaque bloc pour définir le type.
Une fois la conception terminée, vous pouvez voir l’aperçu en direct de la conception. Cliquez simplement sur ouvrir l’aperçu en direct et il affichera votre design sur une page Web dans le nouvel onglet.
De la même manière, vous pouvez continuer à ajouter des blocs et il continuera à générer le design pour vous ainsi que son aperçu. Une fois que vous avez terminé, vous pouvez simplement exporter votre conception. Cliquez sur l’option Exporter et vous verrez alors les différentes options qu’il vous propose.
De cette façon, vous pouvez utiliser ce nouvel outil de prototypage d’interface utilisateur simple et doté de nouveaux outils et qui suit une approche différente flux de travail dans la conception d’interfaces utilisateur. La génération de contenu IA qu’elle offre est également louable et vous êtes autorisé à dupliquer vos projets ici.
Réflexions finales :
Si vous aimez la conception d’interface utilisateur et d’UX, alors je suis sûr que vous allez adorer cet outil pour sa simplicité et ses fonctionnalités puissantes. La meilleure partie de cet outil est le dessin à main levée. Vous pouvez concevoir et façonner les blocs de construction comme vous le souhaitez. De plus, l’exportation Figma et React est également très utile car des conceptions modernes sont maintenant créées dans ceux-ci.
