Wählen Sie im Figma-Editor die Ebenen aus, die Sie in Ihre Komponente einschließen möchten. Klicken Sie auf die Komponente Symbol in der Symbolleiste oder verwenden Sie die Tastenkombination Befehl/Strg + Alt + K .

Im Bereich Komponente erstellen Geben Sie im Dialogfeld einen Namen für Ihre Komponente ein und wählen Sie eine Kategorie aus. Klicken Sie auf Erstellen Taste.

2. Komponenten verwenden.

Um eine Komponente zu verwenden, ziehen Sie sie einfach aus den Assets Panel auf Ihre Leinwand. Sie können auch die Funktion Einfügen verwenden> Komponente Menüpunkt.

Wenn Sie eine Komponente einfügen, können Sie sie wie jede andere Ebene in der Größe ändern, drehen und spiegeln. Im Gegensatz zu normalen Ebenen können Komponenten jedoch bearbeitet werden, ohne dass sich dies auf andere Instanzen derselben Komponente auswirkt.

3. Komponenten bearbeiten

Um eine Komponente zu bearbeiten, doppelklicken Sie darauf. Dadurch wird die Komponente im Bearbeitungsmodus geöffnet. Im Bearbeitungsmodus können Sie Änderungen am Design der Komponente vornehmen. Alle von Ihnen vorgenommenen Änderungen werden auf alle Instanzen der Komponente angewendet.

4. Komponenten löschen

Um eine Komponente zu löschen, wählen Sie sie auf der Leinwand aus und klicken Sie auf Löschen Schlüssel. Dadurch wird die Komponente aus den Assets gelöscht Panel und von allen Instanzen, in denen es verwendet wird.

5. Komponenten verwalten

Die Vermögenswerte Im Panel können Sie Ihre Komponenten verwalten. Sie können Komponenten per Drag-and-Drop verschieben oder den Filter verwenden Feld, um nach bestimmten Komponenten zu suchen.

Um Komponenten zu exportieren, wählen Sie sie in den Assets aus Panel und klicken Sie auf Exportieren Symbol. Sie können Komponenten als SVG-, PNG- oder JSON-Dateien exportieren.

Tipps zur Verwendung von Komponenten in Figma

- Verwenden Sie Komponenten, um konsistente Designs zu erstellen. Komponenten können Ihnen helfen, Ihre Designs konsistent zu halten, indem sie sicherstellen, dass alle Instanzen eines bestimmten Elements das gleiche Aussehen und Verhalten haben.

- Verwenden Sie Komponenten, um Ihren Arbeitsablauf zu beschleunigen. Mit Komponenten können Sie Zeit sparen, da Sie nicht immer wieder dieselben Elemente erstellen müssen.

- Verwenden Sie Komponenten, um Ihre Designarbeit mit anderen zu teilen. Mit Komponenten können Sie Ihre Designarbeit ganz einfach mit anderen teilen, auch wenn diese keinen Zugriff auf den Figma-Editor haben.

Schlussfolgerung

Komponenten sind eine leistungsstarke Funktion in Figma, die Ihnen dabei helfen kann, konsistente und zusammenhängende Designs zu erstellen. Durch die Verwendung von Komponenten können Sie Ihren Arbeitsablauf beschleunigen und Ihre Designarbeit mit anderen teilen.