ElmonyDokumente

Integrationen

Figma

Connect Figma to import accessible files, frames, or layers into Elmony's design workflow. The current integration is read-only: it does not write Elmony changes back to Figma.

Verbinde Figma

  1. Öffnen Sie Einstellungen → Integrationen und suchen Sie Figma.
  2. Auswählen Verbinde Figma.
  3. Autorisieren Sie das Konto, das die Quelldatei anzeigen kann.
  4. Kehren Sie zu Elmony zurück und bestätigen Sie, dass in der Figma-Zeile „Verbunden“ angezeigt wird.

The design editor can also start the same connection flow when an import requires Figma access.

Importieren Sie ein Design

  1. Starten oder öffnen Sie ein Designprojekt für mobile Apps oder Websites.
  2. Geben Sie im Design-Chat ein /figma gefolgt von einer Figma-Datei, einem Frame oder einer Layer-URL, die das verbundene Konto lesen kann.
  3. Überprüfen Sie das importierte Layout, die Schriftarten, Bilder und das Reaktionsverhalten.
  4. Speichern Sie den Entwurf und fahren Sie dann mit Builder-Schritt 2 fort, wenn er zum Code bereit ist.

Der Import ist ein Ausgangspunkt und keine dauerhafte bidirektionale Synchronisierung. Spätere Figma-Änderungen werden nicht automatisch in ein Elmony-Design oder ein generiertes Codeprojekt eingefügt.

Bereiten Sie die Quelldatei vor

  • Verwenden Sie klare Rahmen- und Ebenennamen und halten Sie zusammengehörige Bildschirme zusammen.
  • Bevorzugen Sie konsistente Abstände, wiederverwendbare Komponenten und explizite Layoutbeschränkungen.
  • Stellen Sie sicher, dass der verbundene Benutzer die genaue URL öffnen kann, bevor Sie sie importieren.
  • Überprüfen Sie die Bildlizenzierung und entfernen Sie vertrauliche Daten aus Beispielinhalten.

Fehlerbehebung

  • Verbinden Sie Figma erneut, wenn die Autorisierung abgelaufen ist oder das falsche Konto verwendet wurde.
  • Bestätigen Sie, dass die URL auf eine Datei, einen Frame oder eine Ebene verweist und dass das Konto über Anzeigezugriff verfügt.
  • If an import is incomplete, import a smaller frame and simplify unsupported effects.
  • Durch das Trennen von Figma werden keine Designs entfernt, die bereits in Elmony importiert wurden.

Siehe die Design-to-Builder-Leitfaden für den Rest des Workflows.