Einführung in Komponenten


In diesem Artikel:

Komponenten sind wiederverwendbare Elemente, die sich sofort über alle wiederholten Instanzen dieses Elements innerhalb eines Moqups-Projekts synchronisieren.

Dadurch ist es einfach, konsistente Aktualisierungen innerhalb von Projekten vorzunehmen und die mühsame Arbeit des wiederholten Neuformatierens – eine Kopie nach der anderen – zu vermeiden.

Du kannst jedes einzelne Objekt oder jede Gruppe in eine Komponente umwandeln. Danach erben alle Kopien der Komponente – sogenannte Instanzen – automatisch Änderungen, die am Original vorgenommen werden.

Komponenten sind besonders nützlich beim Erstellen und Pflegen häufig wiederholter UI-Elemente wie Kopfzeilen, Fußzeilen, Logos, Icons, Modals und geräte- oder plattformspezifischer Vorlagen. Deshalb sind Komponenten – auch als „Symbole" bezeichnet – zu einem so wesentlichen Werkzeug für Teams geworden, die Design-Systeme aufbauen.

Du kannst die Leistungsfähigkeit von Komponenten nutzen, auch wenn du nicht innerhalb eines umfassenden Design-Systems arbeitest. Komponenten können jeden Workflow reibungsloser und schneller machen – bei jeder Art von Projekt.

Indem es einfacher wird, Elemente in einem Projekt anzupassen, ermutigen Komponenten Teams, frei zu experimentieren, oft zu iterieren und den gesamten Design- und Entwicklungsprozess zu beschleunigen.

Im folgenden Abschnitt lernst du, wie du Komponenten und Instanzen erstellst, Gruppenkomponenten bearbeitest und neue Objekte hinzufügst, Überschreibungen auf Instanzen anwendest, Instanzen trennst und zurücksetzt sowie Komponenten lokalisierst und wiederherstellst.

Alle Komponenten- und Instanz-Steuerelemente findest du in der oberen Symbolleiste – und im Komponentenabschnitt des Rechtsklick-Kontextmenüs.