ElmonyDokumente

Führer

Vom Entwurf zum Bauunternehmer

Neue Projekte für mobile Apps und Websites beginnen bei Elmony Design. Gestalten Sie zunächst die Bildschirme, speichern Sie das Design und lassen Sie dann Builder diese visuelle Übergabe in ein funktionierendes Projekt umwandeln.

1. Wählen Sie, was Sie bauen möchten

Von Was bauen Sie heute?, wählen Mobile App or Website. Elmony erstellt ein Designprojekt und öffnet den eingebetteten Design-Editor. Wählen Sie Design überspringen nur, wenn Sie direkt in einem klassischen, auf Eingabeaufforderungen gesteuerten Builder-Projekt beginnen möchten.

2. Entwerfen und speichern

Erstellen Sie die Bildschirme, Inhalte und Navigation, die Builder implementieren soll. Speichern Sie, bevor Sie mit Schritt 2 beginnen – die Übergabe wird aus dem zuletzt gespeicherten Design generiert. Wenn Sie versuchen, die Arbeit mit nicht gespeicherter Arbeit zu verlassen, können Sie diese Änderungen mit Elmony speichern und belassen oder verwerfen.

Sie können Figma über den Design-Workflow verbinden, wenn Sie mit einem Figma-Konto arbeiten müssen. Das gespeicherte Elmony-Design bleibt die Quelle, die für die Builder-Übergabe verwendet wird.

3. Bestätigen Sie die Einrichtung von Schritt 2

Wenn Sie mit Schritt 2 fortfahren, überprüfen Sie die Produktentscheidungen, die der Builder berücksichtigen sollte. Die verfügbaren Fragen hängen davon ab, ob es sich bei dem Design um eine Website oder eine mobile App handelt, und können Folgendes umfassen:

  • der Abonnementagent oder API Model Builder sollte verwendet werden;
  • ein Logo oder ein Symbol für eine mobile App und zusätzliche Bauanweisungen;
  • Onboarding, Login und Paywall-Platzierung;
  • Stripe für Website-Zahlungen oder RevenueCat für mobile Einkäufe;
  • Gegebenenfalls Firebase- oder Supabase-Authentifizierung und Datenauswahl;
  • Anforderungen an mobile Daten, Dateispeicherung und Benachrichtigungen.

Wählen Sie nur Dienstleistungen aus, die das Produkt tatsächlich benötigt. Der Builder hält möglicherweise an und fordert Sie auf, eine Integration abzuschließen, bevor er Code schreibt, der von diesem Dienst abhängt.

4. Starten Sie den Builder

Elmony konvertiert das gespeicherte Design in Builder-lesbare Dateien, kopiert die ausgewählten Marken-Assets, erstellt das verknüpfte Codeprojekt und öffnet den ersten Schritt-2-Chat. Arbeiten Sie in Builder weiter wie bei jedem anderen Projekt: Überprüfen Sie die Vorschau, verfeinern Sie das Ergebnis im Chat und verwenden Sie bei Bedarf die Tools „Code“, „Probleme“, „Konfigurieren“, „Sicherheit“ und „Veröffentlichen“.

Synchronisieren Sie spätere Designänderungen

Ein Entwurf und sein Builder-Projekt bleiben verknüpft. Öffnen Sie den Design-Editor erneut, speichern Sie die neuen Änderungen und fahren Sie erneut mit Builder fort, um die neuesten Designdateien mit dem verknüpften Projekt zu synchronisieren. Überprüfen Sie die resultierende Builder-Arbeit vor der Veröffentlichung, da sich eine Designsynchronisierung auf mehrere Bildschirme gleichzeitig auswirken kann.

Nächste Schritte