Zum Hauptinhalt springen

Documentation Index

Fetch the complete documentation index at: https://manus.im/docs/llms.txt

Use this file to discover all available pages before exploring further.

Für Teams, die Figma für ihren Designprozess verwenden, bietet Manus eine leistungsstarke Integration, mit der Sie Ihre Designs mit einem einzigen Befehl in funktionale Webanwendungen umwandeln können.

​
Funktionsweise

Anstatt Ihre Figma-Designs manuell in Code zu übersetzen, können Sie Manus einfach einen Link zu Ihrer Figma-Datei bereitstellen. Manus analysiert das Design, einschließlich der Layouts, Komponenten, Schriftarten und Farben, und generiert automatisch den entsprechenden Code für eine Webanwendung.

​
Der Prozess

  1. Design in Figma: Erstellen Sie Ihr Anwendungsdesign in Figma wie gewohnt. image.png
  2. Link bereitstellen: Teilen Sie den Figma-Frame-Link mit Manus und beschreiben Sie, was Sie erstellen möchten. Zum Beispiel:
    “Hier ist das Figma-Design für unsere neue mobile App. Erstellen Sie basierend auf diesem Design eine funktionale Webanwendung.”
  3. Manus erstellt die App: Manus interpretiert das Design und generiert das HTML, CSS und JavaScript für das Frontend sowie die notwendigen Backend-Komponenten, um Ihr Design zum Leben zu erwecken.
    Sie können Ihrem Antrag mehrere Frames beifügen. Teilen Sie Manus mit, wie diese Frames zusammenhängen – Seitenfluss, Interaktionen oder Komponentenzustände (wie Hover). Dies hilft Manus, genaue mehrseitige oder interaktive Erlebnisse zu generieren.
Diese Integration beschleunigt den Entwicklungsprozess drastisch, überbrückt die Kluft zwischen Design und Entwicklung und ermöglicht es Ihnen, in einem Bruchteil der Zeit von einem statischen Design zu einer Live-Anwendung mit Interaktion zu gelangen.