Guides
De la conception au constructeur
De nouveaux projets d'applications mobiles et de sites Web commencent chez Elmony Design. Façonnez d'abord les écrans, enregistrez la conception, puis laissez Builder transformer ce transfert visuel en un projet fonctionnel.
1. Choisissez ce que vous construisez
De Que construisez-vous aujourd’hui ?, choisissez Application mobile or Site Web. Elmony crée un projet de conception et ouvre l'éditeur de conception intégré. Choisissez Sauter la conception uniquement lorsque vous souhaitez commencer directement dans un projet Builder classique piloté par invites.
2. Concevez et enregistrez
Créez les écrans, le contenu et la navigation que vous souhaitez que Builder implémente. Enregistrez avant de commencer l'étape 2 : le transfert est généré à partir de la dernière conception enregistrée. Si vous essayez de repartir avec un travail non enregistré, Elmony vous permet de sauvegarder et de laisser ou d'ignorer ces modifications.
Vous pouvez connecter Figma à partir du flux de travail de conception lorsque vous devez travailler avec un compte Figma. La conception Elmony enregistrée reste la source utilisée pour le transfert du Builder.
3. Confirmez la configuration de l'étape 2
Lorsque vous passez à l'étape 2, examinez les décisions relatives aux produits que le constructeur doit respecter. Les questions disponibles varient selon qu'il s'agit d'un site Web ou d'une application mobile et peuvent inclure :
- l'agent d'abonnement ou le générateur de modèles d'API doit utiliser ;
- un logo ou une icône d'application mobile et des instructions de construction supplémentaires ;
- intégration, connexion et placement du paywall ;
- Stripe pour les paiements sur site Web ou RevenueCat pour les achats mobiles ;
- Authentification Firebase ou Supabase et choix de données, le cas échéant ;
- exigences en matière de données mobiles, de stockage de fichiers et de notification.
Sélectionnez uniquement les services dont le produit a réellement besoin. Builder peut faire une pause et vous demander de terminer une intégration avant d'écrire du code qui dépend de ce service.
4. Démarrer le constructeur
Elmony convertit la conception enregistrée en fichiers lisibles par Builder, copie les actifs de marque sélectionnés, crée le projet de code lié et ouvre la première discussion de l'étape 2. Continuez à travailler dans Builder comme vous le feriez avec n'importe quel autre projet : inspectez l'aperçu, affinez le résultat dans le chat et utilisez les outils Code, Problèmes, Configuration, Sécurité et Publication si nécessaire.
Synchroniser les modifications de conception ultérieures
Une conception et son projet Builder restent liés. Rouvrez l'éditeur de conception, enregistrez les nouvelles modifications et continuez à nouveau dans Builder pour synchroniser les derniers fichiers de conception dans le projet lié. Examinez le travail résultant de Builder avant de le publier, car une synchronisation de conception peut affecter plusieurs écrans à la fois.